@colijnit/transaction 12.1.199 → 12.1.201

package/bundles/colijnit-transaction.umd.js

@@ -32,8 +32,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "12.1.199";
-            this.publishDate = "27-3-2024 17:16:56";
+            this.symVer = "12.1.201";
+            this.publishDate = "29-3-2024 12:22:07";
         }
         return Version;
     }());
@@ -7410,7 +7410,7 @@
                         case 1:
                             response = _a.sent();
                             if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeBOArrayFromRawBackendDataArray(packageLsp_bo.PackageLSP, response.resultObject)];
+                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, response.resultObject)];
                             }
                             else {
                                 this._handleExceptionFromResponse(response);
@@ -23408,6 +23408,66 @@
         showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-service-service-button-bar-button',] }]
     };
 
+    var TransactionSearchPosOrderTileComponent = /** @class */ (function (_super) {
+        __extends(TransactionSearchPosOrderTileComponent, _super);
+        function TransactionSearchPosOrderTileComponent(iconCacheService) {
+            var _this = _super.call(this, iconCacheService) || this;
+            _this.iconCacheService = iconCacheService;
+            _this.statusBarConfigNames = {
+                statusBarBT: _this.cfgNames.StatusBarBT,
+                statusBarTG: _this.cfgNames.StatusBarTG,
+                statusBarTP: _this.cfgNames.StatusBarTP,
+                statusBarGT: _this.cfgNames.StatusBarGT,
+                statusBarGL: _this.cfgNames.StatusBarGL,
+                statusBarGF: _this.cfgNames.StatusBarGF
+            };
+            return _this;
+        }
+        TransactionSearchPosOrderTileComponent.prototype.showClass = function () {
+            return true;
+        };
+        return TransactionSearchPosOrderTileComponent;
+    }(TransactionSearchTileBaseComponent));
+    TransactionSearchPosOrderTileComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-transaction-search-pos-order-tile',
+                    template: "\n        <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n            <div class=\"tile\">\n                <div class=\"tile-header\">\n                    <div class=\"tile-upper-left\">\n                        <div class=\"transaction-tile-avatar\">\n                            <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n                        </div>\n                    </div>\n                    <div class=\"tile-upper-middle\">\n                        <div class=\"header\">\n                            <span [textContent]=\"transaction.transNr\"></span>\n                            <div class=\"type-indicator\"><span [textContent]=\"transaction.transactionKind\"></span></div>\n                        </div>\n                        <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n                    </div>\n                    <div class=\"tile-upper-right\">\n                        <div class=\"status-bar-wrapper\"  (click)=\"$event.stopPropagation()\">\n                            <co-transaction-statusbar\n                                    [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                    [configNames]=\"statusBarConfigNames\"\n                                    [transaction]=\"transaction\"></co-transaction-statusbar>\n                        </div>\n                        <div class=\"header total-price-vat\"><span [textContent]=\"transaction.totalPriceWithVat | currency:'EUR'\"></span></div>\n                    </div>\n                </div>\n                <div class=\"tile-body\">\n                    <div class=\"tile-middle-left\">\n                        <co-input-checkbox *ngIf=\"showCheckbox\"\n                                           [(model)]=\"transaction.selected\"\n                        ></co-input-checkbox>\n                    </div>\n                    <div class=\"tile-middle-middle\">\n                        <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n                        <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n                    </div>\n                    <div class=\"tile-middle-right\"></div>\n                </div>\n                <div class=\"tile-footer\">\n                    <div class=\"tile-bottom-left order-info-section\">\n                        <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n                        <div class=\"value\">\n                            <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n                    </div>\n                    <div class=\"tile-bottom-middle order-info-section\">\n                        <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n                        <div class=\"value\">\n                            <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n                            <div *ngIf=\"transaction.getDeliveryDate()\">\n                                <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n                                         [iconData]=\"iconCacheService.getIcon(icons.Lock)\" class=\"lock-icon\"></co-icon>\n                                <ng-template #indefinite>\n                                    <co-icon [iconData]=\"iconCacheService.getIcon(icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n                                </ng-template>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"tile-bottom-right order-info-section\">\n                        <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n                        <div class=\"value\">\n                            <span [textContent]=\"'68/00'\"></span></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionSearchPosOrderTileComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    TransactionSearchPosOrderTileComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-search-pos-order-tile',] }]
+    };
+
+    var TransactionSearchPosGridComponent = /** @class */ (function (_super) {
+        __extends(TransactionSearchPosGridComponent, _super);
+        function TransactionSearchPosGridComponent(searchService) {
+            var _this = _super.call(this) || this;
+            _this.searchService = searchService;
+            return _this;
+        }
+        TransactionSearchPosGridComponent.prototype.showClass = function () {
+            return true;
+        };
+        return TransactionSearchPosGridComponent;
+    }(TransactionSearchGridBaseComponent));
+    TransactionSearchPosGridComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-transaction-search-pos-grid',
+                    template: "\n        <div>\n            <co-simple-grid\n                    [data]=\"searchService.transactions\"\n                    [extraColumns]=\"extraColumns\"\n                    [dragDropEnabled]=\"true\"\n                    [emitDragDrop]=\"false\"\n                    (selectRow)=\"onTransactionClick($event)\">\n                <co-simple-grid-column [headerText]=\"'ACTIVE' | localize\"\n                                       [order]=\"10\" [textAlign]=\"align.Center\">\n                    <ng-template #template let-row=\"row\">\n                        <co-input-checkbox [model]=\"row.active\" readonly></co-input-checkbox>\n                    </ng-template>\n                </co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'NR' | localize\" [field]=\"'transNr'\"\n                                       [order]=\"20\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'NAME' | localize\" [field]=\"'relationName'\"\n                                       [order]=\"30\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'RELATION_NUMBER' | localize\" [field]=\"'relationNr'\"\n                                       [order]=\"40\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'BRANCH' | localize\" [field]=\"'brancheName'\"\n                                       [order]=\"50\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'ADDRESS' | localize\" [field]=\"'adres'\"\n                                       [order]=\"70\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'REFERENCE_RELATION' | localize\" [field]=\"'relationReference'\"\n                                       [order]=\"80\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'PREFERRED_DATE' | localize\"\n                                       [order]=\"90\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                    <ng-template #template let-row=\"row\">\n                        <div [textContent]=\"row.preferredDeliveryDate | date: 'dd MMM yyyy'\"></div>\n                    </ng-template>\n                </co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'TRANSACTION_DATE' | localize\"\n                                       [order]=\"100\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                    <ng-template #template let-row=\"row\">\n                        <div [textContent]=\"row.transDate | date:'dd MMM yyyy'\"></div>\n                    </ng-template>\n                </co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'ORDER_DEFINITIVE' | localize\"\n                                       [order]=\"105\" [textAlign]=\"align.Center\">\n                    <ng-template #template let-row=\"row\">\n                        <co-input-checkbox [model]=\"row.transactionDefinitive\" readonly></co-input-checkbox>\n                    </ng-template>\n                </co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\"\n                                       [order]=\"110\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                    <ng-template #template let-row=\"row\">\n                        <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n                    </ng-template>\n                </co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_DEFINITIVE' | localize\"\n                                       [order]=\"115\" [textAlign]=\"align.Center\">\n                    <ng-template #template let-row=\"row\">\n                        <co-input-checkbox [model]=\"row.deliveryDateDefinitive\" readonly></co-input-checkbox>\n                    </ng-template>\n                </co-simple-grid-column>\n            </co-simple-grid>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionSearchPosGridComponent.ctorParameters = function () { return [
+        { type: TransactionSearchService }
+    ]; };
+    TransactionSearchPosGridComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-search-pos-grid',] }]
+    };
+
     var PaymentViewmodel = /** @class */ (function () {
         function PaymentViewmodel(method) {
             this.payment = method;
@@ -23687,6 +23747,98 @@
         showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-lines-side-panel-cash-desk',] }]
     };
 
+    var TransactionPlanningLineComponent = /** @class */ (function (_super) {
+        __extends(TransactionPlanningLineComponent, _super);
+        function TransactionPlanningLineComponent(transactionEventService, iconCacheService, screenConfigService, orderLineSetService, imageService, dictionaryService, transactionService, changeDetector) {
+            var _this = _super.call(this, transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector) || this;
+            _this.transactionEventService = transactionEventService;
+            _this.iconCacheService = iconCacheService;
+            _this.screenConfigService = screenConfigService;
+            _this.orderLineSetService = orderLineSetService;
+            _this.imageService = imageService;
+            _this.dictionaryService = dictionaryService;
+            _this.transactionService = transactionService;
+            _this.changeDetector = changeDetector;
+            _this.category = TransactionTypeCategory;
+            _this.selectedLines = [];
+            _this.descriptionDblClick = new i0.EventEmitter();
+            _this.stock = stockStatus_enum.StockStatus.Low;
+            _this.mouseOver = false;
+            _this.readonly = false;
+            _this.statusBarConfigNames = {
+                statusBarBT: _this.cfgNames.StatusBarBT,
+                statusBarTG: _this.cfgNames.StatusBarTG,
+                statusBarPA: _this.cfgNames.StatusBarPA,
+                statusBarPV: _this.cfgNames.StatusBarPV,
+                statusBarTP: _this.cfgNames.StatusBarTP,
+                statusBarGT: _this.cfgNames.StatusBarGT,
+                statusBarGP: _this.cfgNames.StatusBarGP,
+                statusBarGL: _this.cfgNames.StatusBarGL,
+                statusBarGF: _this.cfgNames.StatusBarGF
+            };
+            _this.discountConfigNames = {
+                linePriceList: _this.cfgNames.LinePriceList,
+                lineDiscountAmount: _this.cfgNames.LineDiscountAmount,
+                lineDiscountPercentage: _this.cfgNames.LineDiscountPercentage,
+                lineDiscountSpecial: _this.cfgNames.LineDiscountSpecial,
+                lineDiscountQuantum: _this.cfgNames.LineDiscountQuantum
+            };
+            return _this;
+        }
+        TransactionPlanningLineComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionPlanningLineComponent.prototype.handleMouseOver = function (event) {
+            this.mouseOver = true;
+        };
+        TransactionPlanningLineComponent.prototype.handleMouseLeave = function (event) {
+            this.mouseOver = false;
+        };
+        TransactionPlanningLineComponent.prototype.handleCheckBoxValueChanged = function (value, line) {
+            this.transactionLine.selected = value;
+        };
+        TransactionPlanningLineComponent.prototype.handleLineClicked = function (mouseClick) {
+            if (this.transactionLine && this.transactionLine.commissionCode !== "1") {
+                return;
+            }
+            var target = mouseClick.target;
+            if (target && target.dataset && target.dataset['action'] && target.dataset['action'] === 'openSidePanel') {
+                this.transactionEventService.openSidePanel.next(this.transactionLine);
+            }
+        };
+        TransactionPlanningLineComponent.prototype.onDescriptionDblClick = function () {
+            this.descriptionDblClick.emit();
+        };
+        TransactionPlanningLineComponent.prototype.dragStarted = function (ev, line) {
+            ev.dataTransfer.setData("text", "line");
+        };
+        return TransactionPlanningLineComponent;
+    }(TransactionBaseComponent));
+    TransactionPlanningLineComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-planning-overview-line",
+                    template: "\n      <co-transaction-base-line\n          [draggable]=\"true\"\n          (dragstart)=\"dragStarted($event, transactionLine)\"\n          [transactionInfo]=\"transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n          [preview]=\"preview\"\n          [checkbox]=\"true\"\n          [checkboxValue]=\"transactionLine.selected\"\n          (checkboxValueChanged)=\"handleCheckBoxValueChanged($event, transactionLine)\"\n          (click)=\"handleLineClicked($event)\"\n          observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n          <ng-container *ngIf=\"transactionLine.isArticle\">\n              <div class=\"transaction-line-wrapper\">\n                  <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n                      <div class=\"column1\">\n                          <co-transaction-line-commission-button\n                                  [screenConfigurationObject]=\"cfgNames.LineCommission\"\n                                  [transactionLine]=\"transactionLine\"\n                                  [transactionInfo]=\"transactionInfo\"\n                          ></co-transaction-line-commission-button>\n                          <co-transaction-line-warehouse-button\n                                  [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n                                  [transactionLine]=\"transactionLine\"\n                                  [transactionInfo]=\"transactionInfo\"\n                          ></co-transaction-line-warehouse-button>\n                          <co-transaction-line-statusbar\n                                  [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                  [configNames]=\"statusBarConfigNames\"\n                                  [transactionInfo]=\"transactionInfo\"\n                                  [transactionLine]=\"transactionLine\"\n                                  [activeCategory]=\"category.SalesOrderOverview\"></co-transaction-line-statusbar>\n                      </div>\n                      <div class=\"column2\">\n                          <co-transaction-line-delivery-button\n                                  [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n                                  [transactionLine]=\"transactionLine\"\n                                  [transactionInfo]=\"transactionInfo\"\n                          ></co-transaction-line-delivery-button>\n                          <co-transaction-line-delivery-date-button class=\"transaction-line-delivery-date two-column\"\n                                  [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n                                  [transactionInfo]=\"transactionInfo\"\n                                  [transactionLine]=\"transactionLine\"\n                          ></co-transaction-line-delivery-date-button>\n                      </div>\n                  </div>\n                  <div class=\"transaction-line-section\">\n                      <co-transaction-line-vat-button *ngIf=\"!preview\"\n                                  [screenConfigurationObject]=\"cfgNames.LineVat\"\n                                  [transactionLine]=\"transactionLine\"\n                                  [transactionInfo]=\"transactionInfo\"\n                      ></co-transaction-line-vat-button>\n                      <div class=\"transaction-line-totals\">\n                          <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                                     [screenConfigurationObject]=\"cfgNames.LinePrice\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [transactionLine]=\"transactionLine\"\n                                                     [showLabel]=\"false\"\n                                                     [defaultEditMode]=\"false\"\n                          ></co-transaction-line-price>\n                          <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                                               [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                                               [configNames]=\"discountConfigNames\"\n                                                               [transactionLine]=\"transactionLine\"\n                                                               [transactionInfo]=\"transactionInfo\"\n                          ></co-transaction-line-discount-button>\n                          <div class=\"transaction-line-totals-amount\">\n                              <co-transaction-line-amount class=\"amount-number-picker\"\n                                                          [screenConfigurationObject]=\"cfgNames.LineAmount\"\n                                                          [transactionLine]=\"transactionLine\"\n                                                          [transactionInfo]=\"transactionInfo\"\n                              ></co-transaction-line-amount>\n                          </div>\n                          <co-editable-label class=\"transaction-line-totals-total price\"\n                                             [screenConfigurationObject]=\"cfgNames.LineNetLineTotal\"\n                                             [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n                                             [editModel]=\"transactionLine.displayNetLineTotal\"\n                                             [commit]=\"!readonly\"\n                          ></co-editable-label>\n                      </div>\n                  </div>\n              </div>\n          </ng-container>\n      </co-transaction-base-line>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionPlanningLineComponent.ctorParameters = function () { return [
+        { type: TransactionEventService },
+        { type: IconCacheService },
+        { type: TransactionScreenConfigurationService },
+        { type: OrderLineSetService },
+        { type: TransactionImageService },
+        { type: DictionaryService },
+        { type: TransactionService },
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    TransactionPlanningLineComponent.propDecorators = {
+        transactionLineActionButtons: [{ type: i0.ViewChild, args: [TransactionLineActionButtonsComponent,] }],
+        descriptionDblClick: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-overview-line",] }],
+        handleMouseOver: [{ type: i0.HostListener, args: ["mouseover", ["$event"],] }],
+        handleMouseLeave: [{ type: i0.HostListener, args: ["mouseleave", ["$event"],] }]
+    };
+
     var TransactionQuickAccessPlanningComponent = /** @class */ (function (_super) {
         __extends(TransactionQuickAccessPlanningComponent, _super);
         function TransactionQuickAccessPlanningComponent(transactionEventService, service, iconCacheService, transactionScreenConfigurationService, dictionaryService, imageService, changeDetector, _purchaseConfirmationService, _connector, _transactionService) {
@@ -23845,6 +23997,34 @@
         showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-lines-side-panel-service-order',] }]
     };
 
+    var TransactionCashDeskFilterComponent = /** @class */ (function (_super) {
+        __extends(TransactionCashDeskFilterComponent, _super);
+        function TransactionCashDeskFilterComponent(iconCacheService, searchService) {
+            var _this = _super.call(this, iconCacheService, searchService) || this;
+            _this.iconCacheService = iconCacheService;
+            _this.searchService = searchService;
+            return _this;
+        }
+        TransactionCashDeskFilterComponent.prototype.showClass = function () {
+            return true;
+        };
+        return TransactionCashDeskFilterComponent;
+    }(TransactionFilterBaseComponent));
+    TransactionCashDeskFilterComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-transaction-cash-desk-filter',
+                    template: "\n    <div class=\"transaction-filter-categories\">\n      <co-transaction-filter-categories [categories]=\"filterCategories\"\n                                        (categoryClick)=\"handleCategoryClick($event)\"></co-transaction-filter-categories>\n    </div>\n    <div #filterItems class=\"transaction-category-filter-wrapper\" data-ride=\"carousel\">\n      <div #orderFilter class=\"transaction-filter-category-content\">\n        <co-transaction-cash-desk-filter-content-order></co-transaction-cash-desk-filter-content-order>\n      </div>\n      <div #logisticsFilter class=\"transaction-filter-category-content\">\n        <co-transaction-cash-desk-filter-content-logistics></co-transaction-cash-desk-filter-content-logistics>\n      </div>\n      <div #articleFilter class=\"transaction-filter-category-content\">\n        <co-transaction-cash-desk-filter-content-article></co-transaction-cash-desk-filter-content-article>\n      </div>\n    </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionCashDeskFilterComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: TransactionSearchService }
+    ]; };
+    TransactionCashDeskFilterComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-cash-desk-filter",] }]
+    };
+
     var TransactionMappingService = /** @class */ (function () {
         function TransactionMappingService(_transactionService) {
             this._transactionService = _transactionService;
@@ -23908,6 +24088,7 @@
                 [{ type: transactionKind_enum.TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderInvoice }, TransactionInvoiceLineComponent],
                 [{ type: transactionKind_enum.TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderPicked }, TransactionPickedLineComponent],
                 [{ type: transactionKind_enum.TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderToBePicked }, TransactionToBePickedLineComponent],
+                [{ type: transactionKind_enum.TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderPlanning }, TransactionPlanningLineComponent],
                 [{ type: transactionKind_enum.TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOverview }, TransactionPurchaseOverviewLineComponent],
                 [{ type: transactionKind_enum.TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderReceivedGoods }, TransactionReceiveGoodsLineComponent],
                 [{ type: transactionKind_enum.TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation }, TransactionPurchaseOrderLineComponent],
@@ -23943,6 +24124,7 @@
             this._transactionFilterComponent = new Map([
                 [{ type: transactionKind_enum.TransactionKind.SalesOrder }, TransactionSalesOrderFilterComponent],
                 [{ type: transactionKind_enum.TransactionKind.PurchaseOrder }, TransactionPurchaseOrderFilterComponent],
+                [{ type: transactionKind_enum.TransactionKind.CashDesk }, TransactionCashDeskFilterComponent],
                 [{ type: transactionKind_enum.TransactionKind.SalesQuotation }, TransactionSalesQuotationFilterComponent]
             ]);
             this._transactionSidePanelComponent = new Map([
@@ -23953,13 +24135,15 @@
                 [{ type: transactionKind_enum.TransactionKind.SalesOrder }, TransactionSearchSalesOrderGridComponent],
                 [{ type: transactionKind_enum.TransactionKind.PurchaseOrder }, TransactionSearchPurchaseOrderGridComponent],
                 [{ type: transactionKind_enum.TransactionKind.SalesQuotation }, TransactionSearchSalesQuotationGridComponent],
-                [{ type: transactionKind_enum.TransactionKind.ServiceOrder }, TransactionSearchSalesOrderGridComponent]
+                [{ type: transactionKind_enum.TransactionKind.ServiceOrder }, TransactionSearchSalesOrderGridComponent],
+                [{ type: transactionKind_enum.TransactionKind.CashDesk }, TransactionSearchPosGridComponent]
             ]);
             this._transactionSearchTileComponent = new Map([
                 [{ type: transactionKind_enum.TransactionKind.SalesOrder }, TransactionSearchSalesOrderTileComponent],
                 [{ type: transactionKind_enum.TransactionKind.PurchaseOrder }, TransactionSearchPurchaseOrderTileComponent],
                 [{ type: transactionKind_enum.TransactionKind.SalesQuotation }, TransactionSearchSalesQuotationTileComponent],
-                [{ type: transactionKind_enum.TransactionKind.ServiceOrder }, TransactionSearchSalesOrderTileComponent]
+                [{ type: transactionKind_enum.TransactionKind.ServiceOrder }, TransactionSearchSalesOrderTileComponent],
+                [{ type: transactionKind_enum.TransactionKind.CashDesk }, TransactionSearchPosOrderTileComponent]
             ]);
         }
         TransactionMappingService.prototype.getButtonBar = function (type) {
@@ -27129,98 +27313,6 @@
                 },] }
     ];
 
-    var TransactionPlanningLineComponent = /** @class */ (function (_super) {
-        __extends(TransactionPlanningLineComponent, _super);
-        function TransactionPlanningLineComponent(transactionEventService, iconCacheService, screenConfigService, orderLineSetService, imageService, dictionaryService, transactionService, changeDetector) {
-            var _this = _super.call(this, transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector) || this;
-            _this.transactionEventService = transactionEventService;
-            _this.iconCacheService = iconCacheService;
-            _this.screenConfigService = screenConfigService;
-            _this.orderLineSetService = orderLineSetService;
-            _this.imageService = imageService;
-            _this.dictionaryService = dictionaryService;
-            _this.transactionService = transactionService;
-            _this.changeDetector = changeDetector;
-            _this.category = TransactionTypeCategory;
-            _this.selectedLines = [];
-            _this.descriptionDblClick = new i0.EventEmitter();
-            _this.stock = stockStatus_enum.StockStatus.Low;
-            _this.mouseOver = false;
-            _this.readonly = false;
-            _this.statusBarConfigNames = {
-                statusBarBT: _this.cfgNames.StatusBarBT,
-                statusBarTG: _this.cfgNames.StatusBarTG,
-                statusBarPA: _this.cfgNames.StatusBarPA,
-                statusBarPV: _this.cfgNames.StatusBarPV,
-                statusBarTP: _this.cfgNames.StatusBarTP,
-                statusBarGT: _this.cfgNames.StatusBarGT,
-                statusBarGP: _this.cfgNames.StatusBarGP,
-                statusBarGL: _this.cfgNames.StatusBarGL,
-                statusBarGF: _this.cfgNames.StatusBarGF
-            };
-            _this.discountConfigNames = {
-                linePriceList: _this.cfgNames.LinePriceList,
-                lineDiscountAmount: _this.cfgNames.LineDiscountAmount,
-                lineDiscountPercentage: _this.cfgNames.LineDiscountPercentage,
-                lineDiscountSpecial: _this.cfgNames.LineDiscountSpecial,
-                lineDiscountQuantum: _this.cfgNames.LineDiscountQuantum
-            };
-            return _this;
-        }
-        TransactionPlanningLineComponent.prototype.showClass = function () {
-            return true;
-        };
-        TransactionPlanningLineComponent.prototype.handleMouseOver = function (event) {
-            this.mouseOver = true;
-        };
-        TransactionPlanningLineComponent.prototype.handleMouseLeave = function (event) {
-            this.mouseOver = false;
-        };
-        TransactionPlanningLineComponent.prototype.handleCheckBoxValueChanged = function (value, line) {
-            this.transactionLine.selected = value;
-        };
-        TransactionPlanningLineComponent.prototype.handleLineClicked = function (mouseClick) {
-            if (this.transactionLine && this.transactionLine.commissionCode !== "1") {
-                return;
-            }
-            var target = mouseClick.target;
-            if (target && target.dataset && target.dataset['action'] && target.dataset['action'] === 'openSidePanel') {
-                this.transactionEventService.openSidePanel.next(this.transactionLine);
-            }
-        };
-        TransactionPlanningLineComponent.prototype.onDescriptionDblClick = function () {
-            this.descriptionDblClick.emit();
-        };
-        TransactionPlanningLineComponent.prototype.dragStarted = function (ev, line) {
-            ev.dataTransfer.setData("text", "line");
-        };
-        return TransactionPlanningLineComponent;
-    }(TransactionBaseComponent));
-    TransactionPlanningLineComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-planning-overview-line",
-                    template: "\n      <co-transaction-base-line\n          [draggable]=\"true\"\n          (dragstart)=\"dragStarted($event, transactionLine)\"\n          [transactionInfo]=\"transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n          [preview]=\"preview\"\n          [checkbox]=\"true\"\n          [checkboxValue]=\"transactionLine.selected\"\n          (checkboxValueChanged)=\"handleCheckBoxValueChanged($event, transactionLine)\"\n          (click)=\"handleLineClicked($event)\"\n          observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n          <ng-container *ngIf=\"transactionLine.isArticle\">\n              <div class=\"transaction-line-wrapper\">\n                  <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n                      <div class=\"column1\">\n                          <co-transaction-line-commission-button\n                                  [screenConfigurationObject]=\"cfgNames.LineCommission\"\n                                  [transactionLine]=\"transactionLine\"\n                                  [transactionInfo]=\"transactionInfo\"\n                          ></co-transaction-line-commission-button>\n                          <co-transaction-line-warehouse-button\n                                  [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n                                  [transactionLine]=\"transactionLine\"\n                                  [transactionInfo]=\"transactionInfo\"\n                          ></co-transaction-line-warehouse-button>\n                          <co-transaction-line-statusbar\n                                  [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                  [configNames]=\"statusBarConfigNames\"\n                                  [transactionInfo]=\"transactionInfo\"\n                                  [transactionLine]=\"transactionLine\"\n                                  [activeCategory]=\"category.SalesOrderOverview\"></co-transaction-line-statusbar>\n                      </div>\n                      <div class=\"column2\">\n                          <co-transaction-line-delivery-button\n                                  [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n                                  [transactionLine]=\"transactionLine\"\n                                  [transactionInfo]=\"transactionInfo\"\n                          ></co-transaction-line-delivery-button>\n                          <co-transaction-line-delivery-date-button class=\"transaction-line-delivery-date two-column\"\n                                  [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n                                  [transactionInfo]=\"transactionInfo\"\n                                  [transactionLine]=\"transactionLine\"\n                          ></co-transaction-line-delivery-date-button>\n                      </div>\n                  </div>\n                  <div class=\"transaction-line-section\">\n                      <co-transaction-line-vat-button *ngIf=\"!preview\"\n                                  [screenConfigurationObject]=\"cfgNames.LineVat\"\n                                  [transactionLine]=\"transactionLine\"\n                                  [transactionInfo]=\"transactionInfo\"\n                      ></co-transaction-line-vat-button>\n                      <div class=\"transaction-line-totals\">\n                          <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                                     [screenConfigurationObject]=\"cfgNames.LinePrice\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [transactionLine]=\"transactionLine\"\n                                                     [showLabel]=\"false\"\n                                                     [defaultEditMode]=\"false\"\n                          ></co-transaction-line-price>\n                          <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                                               [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                                               [configNames]=\"discountConfigNames\"\n                                                               [transactionLine]=\"transactionLine\"\n                                                               [transactionInfo]=\"transactionInfo\"\n                          ></co-transaction-line-discount-button>\n                          <div class=\"transaction-line-totals-amount\">\n                              <co-transaction-line-amount class=\"amount-number-picker\"\n                                                          [screenConfigurationObject]=\"cfgNames.LineAmount\"\n                                                          [transactionLine]=\"transactionLine\"\n                                                          [transactionInfo]=\"transactionInfo\"\n                              ></co-transaction-line-amount>\n                          </div>\n                          <co-editable-label class=\"transaction-line-totals-total price\"\n                                             [screenConfigurationObject]=\"cfgNames.LineNetLineTotal\"\n                                             [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n                                             [editModel]=\"transactionLine.displayNetLineTotal\"\n                                             [commit]=\"!readonly\"\n                          ></co-editable-label>\n                      </div>\n                  </div>\n              </div>\n          </ng-container>\n      </co-transaction-base-line>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionPlanningLineComponent.ctorParameters = function () { return [
-        { type: TransactionEventService },
-        { type: IconCacheService },
-        { type: TransactionScreenConfigurationService },
-        { type: OrderLineSetService },
-        { type: TransactionImageService },
-        { type: DictionaryService },
-        { type: TransactionService },
-        { type: i0.ChangeDetectorRef }
-    ]; };
-    TransactionPlanningLineComponent.propDecorators = {
-        transactionLineActionButtons: [{ type: i0.ViewChild, args: [TransactionLineActionButtonsComponent,] }],
-        descriptionDblClick: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-overview-line",] }],
-        handleMouseOver: [{ type: i0.HostListener, args: ["mouseover", ["$event"],] }],
-        handleMouseLeave: [{ type: i0.HostListener, args: ["mouseleave", ["$event"],] }]
-    };
-
     var TransactionPlanningLineModule = /** @class */ (function () {
         function TransactionPlanningLineModule() {
         }
@@ -33819,7 +33911,7 @@
     TransactionHeaderDepositAmountComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-deposit-amount",
-                    template: "\n    <span *ngIf=\"(!editMode  || headerReadonly) && !defaultEditMode\" [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\" [tooltip]=\"tooltipMessage\"></span>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n                   [showSaveCancel]=\"!headerReadonly\"\n                   [hidden]=\"hidden\"\n                   [readonly]=\"readonly || headerReadonly\"\n                   [model]=\"transactionInfo.depositAmount\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
+                    template: "\n    <span *ngIf=\"!editMode  || headerReadonly\" [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\" [tooltip]=\"tooltipMessage\"></span>\n    <co-input-text #input *ngIf=\"editMode\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n                   [showSaveCancel]=\"!headerReadonly\"\n                   [hidden]=\"hidden\"\n                   [readonly]=\"readonly || headerReadonly\"\n                   [model]=\"transactionInfo.depositAmount\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
                     providers: [{
                             provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return TransactionHeaderDepositAmountComponent; })
@@ -35216,13 +35308,12 @@
             this._subs = [];
             this._transaction = new transactionInfoResponse_bo.TransactionInfoResponse();
             this._subs.push(this.service.transactionUpdated.subscribe(function (transaction) {
-                var _a;
                 if (transaction) {
                     _this.shouldShowSidePanel = false;
                     _this._transaction = transaction;
-                    if ((_a = transaction.transactionInfo) === null || _a === void 0 ? void 0 : _a.id) {
-                        _this.getTransactionMarginInfo(transaction === null || transaction === void 0 ? void 0 : transaction.transactionInfo.id);
-                    }
+                    // if(transaction.transactionInfo?.id) {
+                    //   this.getTransactionMarginInfo(transaction?.transactionInfo.id);
+                    // }
                     _this.updateTransactionLine();
                 }
             }), this.service.relationUpdated.subscribe(function (relation) {
@@ -35321,18 +35412,18 @@
         };
         TransactionInternalComponent.prototype.saveTransactionLineText = function (data) {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
                         case 0:
                             if (!!data.new) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.service.updateTextLine(data.request.transactionUuid, this.transactionLine.uuid, data.request.showOnDocuments, data.request.text)];
                         case 1:
-                            _b.sent();
+                            _a.sent();
                             return [3 /*break*/, 4];
                         case 2: return [4 /*yield*/, this.service.addTextLine(data.request.showOnDocuments, data.request.text, 0, data.request.articleBound, 0, 0, 0)];
                         case 3:
-                            _b.sent();
-                            _b.label = 4;
+                            _a.sent();
+                            _a.label = 4;
                         case 4:
                             this._hideTransactionTextDialog();
                             return [2 /*return*/];
@@ -35343,16 +35434,16 @@
         TransactionInternalComponent.prototype.saveOrderLineSet = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 var newRequest;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
                         case 0:
                             if (!!data.new) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.service.updateOrderLineSet(data.request)];
                         case 1:
-                            _b.sent();
+                            _a.sent();
                             return [4 /*yield*/, this.service.updateTextLine(data.request.transactionUuid, this.transactionLine.uuid, data.request.showOnDocuments, data.request.text)];
                         case 2:
-                            _b.sent();
+                            _a.sent();
                             return [3 /*break*/, 5];
                         case 3:
                             newRequest = new transactionAddOrderLineSetTextLineRequest.TransactionAddOrderLineSetTextLineRequest();
@@ -35365,8 +35456,8 @@
                             newRequest.text = data.request.title;
                             return [4 /*yield*/, this.service.addOrderLineSet(newRequest)];
                         case 4:
-                            _b.sent();
-                            _b.label = 5;
+                            _a.sent();
+                            _a.label = 5;
                         case 5:
                             this._hideTransactionTextDialog();
                             return [2 /*return*/];
@@ -35376,18 +35467,18 @@
         };
         TransactionInternalComponent.prototype.saveArticleLineText = function (data) {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
                         case 0:
                             if (!!data.new) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.service.updateTextLine(data.request.transactionUuid, this.transactionLine.uuid, data.request.showOnDocuments, data.request.text)];
                         case 1:
-                            _b.sent();
+                            _a.sent();
                             return [3 /*break*/, 4];
                         case 2: return [4 /*yield*/, this.service.addTextLine(data.request.showOnDocuments, data.request.text, 0, true, data.request.refArticleLineNr)];
                         case 3:
-                            _b.sent();
-                            _b.label = 4;
+                            _a.sent();
+                            _a.label = 4;
                         case 4:
                             this._hideArticleTextDialog();
                             return [2 /*return*/];
@@ -35510,7 +35601,7 @@
     TransactionInternalComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-internal',
-                    template: "\n      <ng-container *ngIf=\"loaded\">\n          <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\" [relation]=\"relation\"\n                                 (relationChange)=\"handleRelationChange($event)\"></co-transaction-header>\n\n          <div class=\"transaction-lines-header\">\n              <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n                                           [transaction]=\"transaction\"\n                                           [relation]=\"relation\"\n                                           [activeCategory]=\"activeCategory\"\n              ></co-transaction-quick-access>\n              <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n                                         [selectedCategory]=\"activeCategory\"\n                                         (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n              ></co-transaction-button-bar>\n              <div class=\"transaction-lines-header-item right\">\n                  <co-avatar class=\"transaction-sales-avatar\" [relationId]=\"transaction.transactionInfo.handledBy\"\n                             [screenConfigurationObject]=\"cfgNames.HeaderHandledBy\" screenConfigNativeElement></co-avatar>\n                  <co-avatar class=\"transaction-sales-avatar\"\n                             [relationId]=\"transaction.transactionInfo.branch?.relationId\"\n                             [screenConfigurationObject]=\"cfgNames.HeaderBranch\" screenConfigNativeElement></co-avatar>\n                  <co-view-mode-buttons *ngIf=\"!shouldShowTiles()\" && showViewModeButtons [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n                                        (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n              </div>\n          </div>\n\n          <div class=\"transaction-lines-content-wrapper\">\n              <!--<co-transaction-document-button-bar [transaction]=\"transaction\"></co-transaction-document-button-bar>-->\n              <div class=\"transaction-lines-content\">\n                  <div *ngIf=\"activeCategory === category.ServiceOrderService\">\n                    <co-transaction-service-overview\n                      [transaction]=\"transaction\"\n                    ></co-transaction-service-overview>\n                  </div>\n                  <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles || shouldShowTiles()\">\n                      <co-transaction-cards\n                          [transaction]=\"transaction\"\n                          [activeCategory]=\"activeCategory\"\n                      ></co-transaction-cards>\n                  </div>\n                  <div class=\"transaction-lines-wrapper\" *ngIf=\"(activeViewMode === viewModes.List && !shouldShowTiles()) && activeCategory !== category.ServiceOrderService\">\n                      <co-transaction-lines\n                              [transaction]=\"transaction\"\n                              [activeCategory]=\"activeCategory\"\n                              (saveTransactionLine)=\"saveTransactionLineText($event)\"\n                      ></co-transaction-lines>\n                  </div>\n                  <div class=\"transaction-footer-wrapper\">\n                      <div class=\"transaction-footer-left\">\n                          <co-add-product\n                                  *ngIf=\"activeCategory === categories.SalesOrderCashRegister || activeCategory === categories.SalesOrderOverview || activeCategory === categories.PurchaseOrderOverview || activeCategory === categories.SalesOrderQuotation\">\n                          </co-add-product>\n                          <co-transaction-button class=\"custom-width text-rule\"\n                                                 [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n                                                 (click)=\"handleTransactionText()\">\n                         </co-transaction-button>\n                      </div>\n                    <div class=\"transaction-footer-center\">\n                      <co-transaction-margin *ngIf=\"activeCategory === categories.SalesOrderDeliveryNote\"\n                            [transactionInfo]=\"transaction.transactionInfo\"\n                            [transactionMarginInfo]=\"transactionMarginInfo\"\n                      ></co-transaction-margin>\n                    </div>\n                      <co-transaction-totals *ngIf=\"activeCategory !== category.ServiceOrderService\"\n                              [transactionInfo]=\"transaction.transactionInfo\"\n                              [transactionTotal]=\"transaction.transactionTotal\"\n                              [showDiscount]=\"true\"\n                      ></co-transaction-totals>\n                  </div>\n              </div>\n              <co-transaction-lines-side-panel\n                      *ngIf=\"transaction && ((transaction.transactionInfo.transactionKind === transactionKind.CashDesk && !fullyInvoiced()) ||\n                                                transaction.transactionInfo.transactionKind === transactionKind.ServiceOrder)\"\n                      [class.higher-max-width]=\"transaction.transactionInfo.transactionKind === transactionKind.ServiceOrder\"\n                      [posOrderData]=\"posOrderData\"\n                      [transaction]=\"transaction\"\n                ></co-transaction-lines-side-panel>\n\n                <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n                                                [transaction]=\"transaction\"\n                                                [transactionInfo]=\"transaction.transactionInfo\"\n                                                [transactionLine]=\"sidePanelTransactionLine\"\n                                                [activeCategory]=\"activeCategory\"\n                                                (cancelClick)=\"showSidePanel = false\"\n                ></co-transaction-line-side-panel>\n\n              <!--Popup voor wijzigen volgorde van tekstregels-->\n              <co-transaction-article-text-overview *ngIf=\"showArticleTextOverview\"\n                                                    [transactionInfo]=\"transaction.transactionInfo\"\n                                                    [transactionLine]=\"transactionLine\"\n                                                    (closeClick)=\"closeArticleTextOverview()\"\n                                                    (cancelClick)=\"closeArticleTextOverview()\"\n              ></co-transaction-article-text-overview>\n\n              <!--Popup voor aanmaken en updaten transactietekstregels-->\n              <co-transaction-article-text *ngIf=\"showTransactionText\"\n                                           [header]=\"'ORDER_TEXT_LINE' | localize\"\n                                           [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                           [editText]=\"textToEdit\"\n                                           [orderLineSetDTO]=\"selectedOrderLineSetDTO\"\n                                           [transactionLine]=\"transactionLine\"\n                                           (saveClick)=\"saveTransactionLineText($event)\"\n                                           (closeClick)=\"closeTransactionText()\"\n                                           (cancelClick)=\"closeTransactionText()\"\n                                           (saveOrderLineSetClick)=\"saveOrderLineSet($event)\"\n\n              ></co-transaction-article-text>\n\n              <!--Popup voor aanmaken en updaten artikeltekstregels-->\n              <co-transaction-article-text *ngIf=\"showArticleText\"\n                                           [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n                                           [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                           [showArticleImageDescription]=\"transactionLine.articleBound\"\n                                           [showImage]=\"false\"\n                                           [articleLineNr]=\"transactionLine.lineNr\"\n                                           [articleRef]=\"transactionLine.articleNumber\"\n                                           [transactionLine]=\"transactionLine\"\n                                           [editText]=\"textToEdit\"\n                                           (saveClick)=\"saveArticleLineText($event)\"\n                                           (closeClick)=\"closeArticleText()\"\n                                           (cancelClick)=\"closeArticleText()\"\n              ></co-transaction-article-text>\n\n              <co-transaction-copy-order *ngIf=\"showCopyOrderDialog\"\n                                         [transaction]=\"transaction\"\n                                         (closeDialog)=\"showCopyOrderDialog = false\"\n              ></co-transaction-copy-order>\n          </div>\n      </ng-container>\n  ",
+                    template: "\n      <ng-container *ngIf=\"loaded\">\n          <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\" [relation]=\"relation\"\n                                 (relationChange)=\"handleRelationChange($event)\"></co-transaction-header>\n\n          <div class=\"transaction-lines-header\">\n              <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n                                           [transaction]=\"transaction\"\n                                           [relation]=\"relation\"\n                                           [activeCategory]=\"activeCategory\"\n              ></co-transaction-quick-access>\n              <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n                                         [selectedCategory]=\"activeCategory\"\n                                         (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n              ></co-transaction-button-bar>\n              <div class=\"transaction-lines-header-item right\">\n                  <co-avatar class=\"transaction-sales-avatar\" [relationId]=\"transaction.transactionInfo.handledBy\"\n                             [screenConfigurationObject]=\"cfgNames.HeaderHandledBy\" screenConfigNativeElement></co-avatar>\n                  <co-avatar class=\"transaction-sales-avatar\"\n                             [relationId]=\"transaction.transactionInfo.branch?.relationId\"\n                             [screenConfigurationObject]=\"cfgNames.HeaderBranch\" screenConfigNativeElement></co-avatar>\n                  <co-view-mode-buttons *ngIf=\"!shouldShowTiles() && showViewModeButtons\" [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n                                        (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n              </div>\n          </div>\n\n          <div class=\"transaction-lines-content-wrapper\">\n              <!--<co-transaction-document-button-bar [transaction]=\"transaction\"></co-transaction-document-button-bar>-->\n              <div class=\"transaction-lines-content\">\n                  <div *ngIf=\"activeCategory === category.ServiceOrderService\">\n                    <co-transaction-service-overview\n                      [transaction]=\"transaction\"\n                    ></co-transaction-service-overview>\n                  </div>\n                  <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles || shouldShowTiles()\">\n                      <co-transaction-cards\n                          [transaction]=\"transaction\"\n                          [activeCategory]=\"activeCategory\"\n                      ></co-transaction-cards>\n                  </div>\n                  <div class=\"transaction-lines-wrapper\" *ngIf=\"(activeViewMode === viewModes.List && !shouldShowTiles()) && activeCategory !== category.ServiceOrderService\">\n                      <co-transaction-lines\n                              [transaction]=\"transaction\"\n                              [activeCategory]=\"activeCategory\"\n                              (saveTransactionLine)=\"saveTransactionLineText($event)\"\n                      ></co-transaction-lines>\n                  </div>\n                  <div class=\"transaction-footer-wrapper\">\n                      <div class=\"transaction-footer-left\">\n                          <co-add-product\n                                  *ngIf=\"activeCategory === categories.SalesOrderCashRegister || activeCategory === categories.SalesOrderOverview || activeCategory === categories.PurchaseOrderOverview || activeCategory === categories.SalesOrderQuotation\">\n                          </co-add-product>\n                          <co-transaction-button class=\"custom-width text-rule\"\n                                                 [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n                                                 (click)=\"handleTransactionText()\">\n                         </co-transaction-button>\n                      </div>\n                    <div class=\"transaction-footer-center\">\n                      <co-transaction-margin *ngIf=\"activeCategory === categories.SalesOrderDeliveryNote\"\n                            [transactionInfo]=\"transaction.transactionInfo\"\n                            [transactionMarginInfo]=\"transactionMarginInfo\"\n                      ></co-transaction-margin>\n                    </div>\n                      <co-transaction-totals *ngIf=\"activeCategory !== category.ServiceOrderService\"\n                              [transactionInfo]=\"transaction.transactionInfo\"\n                              [transactionTotal]=\"transaction.transactionTotal\"\n                              [showDiscount]=\"true\"\n                      ></co-transaction-totals>\n                  </div>\n              </div>\n              <co-transaction-lines-side-panel\n                      *ngIf=\"transaction && ((transaction.transactionInfo.transactionKind === transactionKind.CashDesk && !fullyInvoiced()) ||\n                                                transaction.transactionInfo.transactionKind === transactionKind.ServiceOrder)\"\n                      [class.higher-max-width]=\"transaction.transactionInfo.transactionKind === transactionKind.ServiceOrder\"\n                      [posOrderData]=\"posOrderData\"\n                      [transaction]=\"transaction\"\n                ></co-transaction-lines-side-panel>\n\n                <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n                                                [transaction]=\"transaction\"\n                                                [transactionInfo]=\"transaction.transactionInfo\"\n                                                [transactionLine]=\"sidePanelTransactionLine\"\n                                                [activeCategory]=\"activeCategory\"\n                                                (cancelClick)=\"showSidePanel = false\"\n                ></co-transaction-line-side-panel>\n\n              <!--Popup voor wijzigen volgorde van tekstregels-->\n              <co-transaction-article-text-overview *ngIf=\"showArticleTextOverview\"\n                                                    [transactionInfo]=\"transaction.transactionInfo\"\n                                                    [transactionLine]=\"transactionLine\"\n                                                    (closeClick)=\"closeArticleTextOverview()\"\n                                                    (cancelClick)=\"closeArticleTextOverview()\"\n              ></co-transaction-article-text-overview>\n\n              <!--Popup voor aanmaken en updaten transactietekstregels-->\n              <co-transaction-article-text *ngIf=\"showTransactionText\"\n                                           [header]=\"'ORDER_TEXT_LINE' | localize\"\n                                           [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                           [editText]=\"textToEdit\"\n                                           [orderLineSetDTO]=\"selectedOrderLineSetDTO\"\n                                           [transactionLine]=\"transactionLine\"\n                                           (saveClick)=\"saveTransactionLineText($event)\"\n                                           (closeClick)=\"closeTransactionText()\"\n                                           (cancelClick)=\"closeTransactionText()\"\n                                           (saveOrderLineSetClick)=\"saveOrderLineSet($event)\"\n\n              ></co-transaction-article-text>\n\n              <!--Popup voor aanmaken en updaten artikeltekstregels-->\n              <co-transaction-article-text *ngIf=\"showArticleText\"\n                                           [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n                                           [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                           [showArticleImageDescription]=\"transactionLine.articleBound\"\n                                           [showImage]=\"false\"\n                                           [articleLineNr]=\"transactionLine.lineNr\"\n                                           [articleRef]=\"transactionLine.articleNumber\"\n                                           [transactionLine]=\"transactionLine\"\n                                           [editText]=\"textToEdit\"\n                                           (saveClick)=\"saveArticleLineText($event)\"\n                                           (closeClick)=\"closeArticleText()\"\n                                           (cancelClick)=\"closeArticleText()\"\n              ></co-transaction-article-text>\n\n              <co-transaction-copy-order *ngIf=\"showCopyOrderDialog\"\n                                         [transaction]=\"transaction\"\n                                         (closeDialog)=\"showCopyOrderDialog = false\"\n              ></co-transaction-copy-order>\n          </div>\n      </ng-container>\n  ",
                     providers: [{
                             provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return TransactionInternalComponent; })
@@ -40988,10 +41079,35 @@
             if (this._transaction.transactionKind === transactionKind_enum.TransactionKind.PurchaseOrder) {
                 this.setStatusbarDataForPurchaseOrder();
             }
+            else if (this._transaction.transactionKind === transactionKind_enum.TransactionKind.CashDesk) {
+                this.setStatusbarDataForCashDesk();
+            }
             else {
                 this.setStatusbardataForSalesOrder();
             }
         };
+        TransactionStatusbarComponent.prototype.setStatusbarDataForCashDesk = function () {
+            var transaction = this._transaction;
+            this.statusbarData = [];
+            if (this.screenConfigService.getObjectConfigurationFor(this._configNames.statusBarBT).immediatelyVisible()) {
+                this.statusbarData.push(this.getStatusbarLine("ORDERED", transaction.quantityOrdered, transaction.quantityToBeOrdered, transaction.isFullyOrdered)); //Besteld
+            }
+            if (this.screenConfigService.getObjectConfigurationFor(this._configNames.statusBarTG).immediatelyVisible()) {
+                this.statusbarData.push(this.getStatusbarLine("ALLOCATED", transaction.quantityAllocated)); //Toegewezen
+            }
+            if (this.screenConfigService.getObjectConfigurationFor(this._configNames.statusBarTP).immediatelyVisible()) {
+                this.statusbarData.push(this.getStatusbarLine("TO_BE_PICKED", transaction.quantityToBePicked)); //Te picken
+            }
+            if (this.screenConfigService.getObjectConfigurationFor(this._configNames.statusBarGT).immediatelyVisible()) {
+                this.statusbarData.push(this.getStatusbarLine("PICKED", transaction.quantityPicked)); //Gepickt
+            }
+            if (this.screenConfigService.getObjectConfigurationFor(this._configNames.statusBarGL).immediatelyVisible()) {
+                this.statusbarData.push(this.getStatusbarLine("DELIVERED", transaction.quantityDelivered)); //Geleverd
+            }
+            if (this.screenConfigService.getObjectConfigurationFor(this._configNames.statusBarGF).immediatelyVisible()) {
+                this.statusbarData.push(this.getStatusbarLine("INVOICED", transaction.quantityInvoiced)); //Gefactureerd
+            }
+        };
         TransactionStatusbarComponent.prototype.setStatusbardataForSalesOrder = function () {
             var transaction = this._transaction;
             this.statusbarData = [];
@@ -41414,43 +41530,6 @@
                 },] }
     ];
 
-    var TransactionSearchPosOrderTileComponent = /** @class */ (function (_super) {
-        __extends(TransactionSearchPosOrderTileComponent, _super);
-        function TransactionSearchPosOrderTileComponent(iconCacheService) {
-            var _this = _super.call(this, iconCacheService) || this;
-            _this.iconCacheService = iconCacheService;
-            _this.statusBarConfigNames = {
-                statusBarBT: _this.cfgNames.StatusBarBT,
-                statusBarTG: _this.cfgNames.StatusBarTG,
-                statusBarPA: _this.cfgNames.StatusBarPA,
-                statusBarPV: _this.cfgNames.StatusBarPV,
-                statusBarTP: _this.cfgNames.StatusBarTP,
-                statusBarGT: _this.cfgNames.StatusBarGT,
-                statusBarGP: _this.cfgNames.StatusBarGP,
-                statusBarGL: _this.cfgNames.StatusBarGL,
-                statusBarGF: _this.cfgNames.StatusBarGF
-            };
-            return _this;
-        }
-        TransactionSearchPosOrderTileComponent.prototype.showClass = function () {
-            return true;
-        };
-        return TransactionSearchPosOrderTileComponent;
-    }(TransactionSearchTileBaseComponent));
-    TransactionSearchPosOrderTileComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'co-transaction-search-pos-order-tile',
-                    template: "\n        <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n            <div class=\"tile\">\n                <div class=\"tile-header\">\n                    <div class=\"tile-upper-left\">\n                        <div class=\"transaction-tile-avatar\">\n                            <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n                        </div>\n                    </div>\n                    <div class=\"tile-upper-middle\">\n                        <div class=\"header\">\n                            <span [textContent]=\"transaction.transNr\"></span>\n                            <div class=\"type-indicator\"><span [textContent]=\"transaction.transactionKind\"></span></div>\n                        </div>\n                        <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n                    </div>\n                    <div class=\"tile-upper-right\">\n                        <div class=\"status-bar-wrapper\"  (click)=\"$event.stopPropagation()\">\n                            <co-transaction-statusbar\n                                    [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                    [configNames]=\"statusBarConfigNames\"\n                                    [transaction]=\"transaction\"></co-transaction-statusbar>\n                        </div>\n                        <div class=\"header total-price-vat\"><span [textContent]=\"transaction.totalPriceWithVat | currency:'EUR'\"></span></div>\n                    </div>\n                </div>\n                <div class=\"tile-body\">\n                    <div class=\"tile-middle-left\">\n                        <co-input-checkbox *ngIf=\"showCheckbox\"\n                                           [(model)]=\"transaction.selected\"\n                        ></co-input-checkbox>\n                    </div>\n                    <div class=\"tile-middle-middle\">\n                        <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n                        <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n                    </div>\n                    <div class=\"tile-middle-right\"></div>\n                </div>\n                <div class=\"tile-footer\">\n                    <div class=\"tile-bottom-left order-info-section\">\n                        <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n                        <div class=\"value\">\n                            <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n                    </div>\n                    <div class=\"tile-bottom-middle order-info-section\">\n                        <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n                        <div class=\"value\">\n                            <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n                            <div *ngIf=\"transaction.getDeliveryDate()\">\n                                <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n                                         [iconData]=\"iconCacheService.getIcon(icons.Lock)\" class=\"lock-icon\"></co-icon>\n                                <ng-template #indefinite>\n                                    <co-icon [iconData]=\"iconCacheService.getIcon(icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n                                </ng-template>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"tile-bottom-right order-info-section\">\n                        <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n                        <div class=\"value\">\n                            <span [textContent]=\"'68/00'\"></span></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionSearchPosOrderTileComponent.ctorParameters = function () { return [
-        { type: IconCacheService }
-    ]; };
-    TransactionSearchPosOrderTileComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-search-pos-order-tile',] }]
-    };
-
     var TransactionSearchPosOrderTileModule = /** @class */ (function () {
         function TransactionSearchPosOrderTileModule() {
         }
@@ -41476,32 +41555,6 @@
                 },] }
     ];
 
-    var TransactionSearchPosGridComponent = /** @class */ (function (_super) {
-        __extends(TransactionSearchPosGridComponent, _super);
-        function TransactionSearchPosGridComponent(searchService) {
-            var _this = _super.call(this) || this;
-            _this.searchService = searchService;
-            return _this;
-        }
-        TransactionSearchPosGridComponent.prototype.showClass = function () {
-            return true;
-        };
-        return TransactionSearchPosGridComponent;
-    }(TransactionSearchGridBaseComponent));
-    TransactionSearchPosGridComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'co-transaction-search-pos-grid',
-                    template: "\n        <div>\n            <co-simple-grid\n                    [data]=\"searchService.transactions\"\n                    [extraColumns]=\"extraColumns\"\n                    [dragDropEnabled]=\"true\"\n                    [emitDragDrop]=\"false\"\n                    (selectRow)=\"onTransactionClick($event)\">\n                <co-simple-grid-column [headerText]=\"'ACTIVE' | localize\"\n                                       [order]=\"10\" [textAlign]=\"align.Center\">\n                    <ng-template #template let-row=\"row\">\n                        <co-input-checkbox [model]=\"row.active\" readonly></co-input-checkbox>\n                    </ng-template>\n                </co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'NR' | localize\" [field]=\"'transNr'\"\n                                       [order]=\"20\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'NAME' | localize\" [field]=\"'relationName'\"\n                                       [order]=\"30\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'RELATION_NUMBER' | localize\" [field]=\"'relationNr'\"\n                                       [order]=\"40\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'BRANCH' | localize\" [field]=\"'brancheName'\"\n                                       [order]=\"50\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'ADDRESS' | localize\" [field]=\"'adres'\"\n                                       [order]=\"70\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'REFERENCE_RELATION' | localize\" [field]=\"'relationReference'\"\n                                       [order]=\"80\"></co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'PREFERRED_DATE' | localize\"\n                                       [order]=\"90\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                    <ng-template #template let-row=\"row\">\n                        <div [textContent]=\"row.preferredDeliveryDate | date: 'dd MMM yyyy'\"></div>\n                    </ng-template>\n                </co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'TRANSACTION_DATE' | localize\"\n                                       [order]=\"100\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                    <ng-template #template let-row=\"row\">\n                        <div [textContent]=\"row.transDate | date:'dd MMM yyyy'\"></div>\n                    </ng-template>\n                </co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'ORDER_DEFINITIVE' | localize\"\n                                       [order]=\"105\" [textAlign]=\"align.Center\">\n                    <ng-template #template let-row=\"row\">\n                        <co-input-checkbox [model]=\"row.transactionDefinitive\" readonly></co-input-checkbox>\n                    </ng-template>\n                </co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\"\n                                       [order]=\"110\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                    <ng-template #template let-row=\"row\">\n                        <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n                    </ng-template>\n                </co-simple-grid-column>\n                <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_DEFINITIVE' | localize\"\n                                       [order]=\"115\" [textAlign]=\"align.Center\">\n                    <ng-template #template let-row=\"row\">\n                        <co-input-checkbox [model]=\"row.deliveryDateDefinitive\" readonly></co-input-checkbox>\n                    </ng-template>\n                </co-simple-grid-column>\n            </co-simple-grid>\n        </div>\n    ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionSearchPosGridComponent.ctorParameters = function () { return [
-        { type: TransactionSearchService }
-    ]; };
-    TransactionSearchPosGridComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-search-pos-grid',] }]
-    };
-
     var TransactionSearchPosGridModule = /** @class */ (function () {
         function TransactionSearchPosGridModule() {
         }
@@ -41940,6 +41993,420 @@
                 },] }
     ];
 
+    var TransactionCashDeskFilterContentArticleComponent = /** @class */ (function (_super) {
+        __extends(TransactionCashDeskFilterContentArticleComponent, _super);
+        function TransactionCashDeskFilterContentArticleComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.modes = corecomponents_v12.FilterItemMode;
+            _this.exceedanceCodeFields = { text: "description", value: "code" };
+            _this.turnoverGroupFields = { text: "description", value: "turnovergroupNr" };
+            _this.mainArticleFields = { text: "description", value: "articlenumber" };
+            _this.supplierFields = { text: "displayName", value: "relationId" };
+            _this.getArticles = function (text) {
+                var request = new articleExtendedRequest.ArticleExtendedRequest();
+                request.articleNumber = text;
+                return _this.transactionService.getArticles(request).then(function (articles) {
+                    return new corecomponents_v12.FilterViewmodel(articles, { text: 'articleNumber', value: 'articleNumber' }).filterItems;
+                });
+            };
+            return _this;
+        }
+        TransactionCashDeskFilterContentArticleComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionCashDeskFilterContentArticleComponent.prototype.loadCollections = function () {
+            this._setExceedanceCodes();
+            this._setSuppliers();
+            this._setTurnoverGroups();
+            this._setMainArticles();
+        };
+        TransactionCashDeskFilterContentArticleComponent.prototype._setExceedanceCodes = function () {
+            var _this = this;
+            this.transactionService.getInOutCollection("NL").then(function (exceedanceCodes) {
+                _this.exceedanceCodes = new corecomponents_v12.FilterViewmodel(exceedanceCodes, _this.exceedanceCodeFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentArticleComponent.prototype._setTurnoverGroups = function () {
+            var _this = this;
+            this.transactionService.getTurnoverGroups().then(function (turnoverGroups) {
+                _this.turnoverGroups = new corecomponents_v12.FilterViewmodel(turnoverGroups, _this.turnoverGroupFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentArticleComponent.prototype._setMainArticles = function () {
+            var _this = this;
+            this.transactionService.getMainArticles().then(function (articles) {
+                _this.mainArticles = new corecomponents_v12.FilterViewmodel(articles, _this.mainArticleFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentArticleComponent.prototype._setSuppliers = function () {
+            var _this = this;
+            var request = new relationRequest.RelationRequest();
+            request.relationType = relationKind_enum$1.RelationKind.Supplier;
+            this.relationService.getRelationListObjects(request).then(function (relationListObjects) {
+                _this.suppliers = new corecomponents_v12.FilterViewmodel(relationListObjects, _this.supplierFields).filterItems;
+            });
+        };
+        return TransactionCashDeskFilterContentArticleComponent;
+    }(TransactionFilterContentBaseComponent));
+    TransactionCashDeskFilterContentArticleComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-transaction-cash-desk-filter-content-article',
+                    template: "\n    <div class=\"transaction-filter-content-article-wrapper transaction-filter-content-wrapper\">\n\n      <!--Artikelnummer-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ARTICLE_NR'\"\n                                    [collectionLoadFn]=\"getArticles\"\n                                    [minSearchCharsToLoadCollection]=\"3\"\n                                    [(model)]=\"searchService.searchRequest.articleNr\"\n                                    [mode]=\"modes.SingleSelectList\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Omzetgroep-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'TURNOVER_GROUP'\"\n                                    [collection]=\"turnoverGroups\"\n                                    [(model)]=\"searchService.searchRequest.rangeTurnoverGroup\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Hoofdartikel-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'MAIN_ARTICLE'\"\n                                    [collection]=\"mainArticles\"\n                                    [(model)]=\"searchService.searchRequest.mainArticleNrRange\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Uitloopcode -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'EXCEEDENCE_CODE'\"\n                                    [collection]=\"exceedanceCodes\"\n                                    [(model)]=\"searchService.searchRequest.exceedanceCodes\"\n                                    [mode]=\"modes.SelectListWithStringCollectionOutput\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Leverancier-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'SUPPLIER'\"\n                                    [collection]=\"suppliers\"\n                                    [(model)]=\"searchService.searchRequest.rangeSupplier\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n    </div>\n  "
+                },] }
+    ];
+    TransactionCashDeskFilterContentArticleComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-search-filter-content",] }]
+    };
+
+    var TransactionCashDeskFilterContentArticleModule = /** @class */ (function () {
+        function TransactionCashDeskFilterContentArticleModule() {
+        }
+        return TransactionCashDeskFilterContentArticleModule;
+    }());
+    TransactionCashDeskFilterContentArticleModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.FilterItemModule,
+                        PipeModule,
+                        corecomponents_v12.InputTextModule,
+                        corecomponents_v12.ButtonModule,
+                        CoreModule,
+                        TransactionFilterItemModule
+                    ],
+                    declarations: [
+                        TransactionCashDeskFilterContentArticleComponent
+                    ],
+                    exports: [
+                        TransactionCashDeskFilterContentArticleComponent
+                    ]
+                },] }
+    ];
+
+    var TransactionCashDeskFilterContentLogisticsComponent = /** @class */ (function (_super) {
+        __extends(TransactionCashDeskFilterContentLogisticsComponent, _super);
+        function TransactionCashDeskFilterContentLogisticsComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.modes = corecomponents_v12.FilterItemMode;
+            _this.deliveryMethods = [];
+            _this.deliveryMethodFields = { text: "description", value: "code" };
+            _this.deliveryDateFinalFields = { text: "description", value: "code" };
+            _this.toBeDeliveredFields = { text: "description", value: "code" };
+            _this.warehouseFields = { text: "description", value: "warehouseNo" };
+            _this.sourceWarehouseFields = { text: "description", value: "warehouseNo" };
+            _this.partialDeliveryFields = { text: "description", value: "code" };
+            _this.includingReturnsFields = { text: "description", value: "code" };
+            _this.toBeOrderedFields = { text: "description", value: "code" };
+            return _this;
+        }
+        TransactionCashDeskFilterContentLogisticsComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionCashDeskFilterContentLogisticsComponent.prototype.loadCollections = function () {
+            this._setDeliveryMethods();
+            this._setDeliveryDateFinal();
+            this._setTobeDelivered();
+            this._setWarehouses();
+            this._setSourceWarehouses();
+            this._setPartialDelivery();
+            this._setIncludingReturns();
+            this._setToBeOrdered();
+        };
+        //Delivery Methods
+        TransactionCashDeskFilterContentLogisticsComponent.prototype._setDeliveryMethods = function () {
+            var _this = this;
+            this.transactionService.getDeliveryMethods().then(function (deliveryMethods) {
+                _this.deliveryMethods = new corecomponents_v12.FilterViewmodel(deliveryMethods, _this.deliveryMethodFields).filterItems;
+            });
+        };
+        //Delivery date final
+        TransactionCashDeskFilterContentLogisticsComponent.prototype._setDeliveryDateFinal = function () {
+            var _this = this;
+            this.transactionService.getYesNo("NL").then(function (deliveryDateFinal) {
+                _this.deliveryDateFinal = new corecomponents_v12.FilterViewmodel(deliveryDateFinal, _this.deliveryDateFinalFields).filterItems;
+            });
+        };
+        //To be delivered
+        TransactionCashDeskFilterContentLogisticsComponent.prototype._setTobeDelivered = function () {
+            var _this = this;
+            this.transactionService.getYesNo("NL").then(function (toBeDelivered) {
+                _this.toBeDelivered = new corecomponents_v12.FilterViewmodel(toBeDelivered, _this.toBeDeliveredFields).filterItems;
+            });
+        };
+        //Warehouses
+        TransactionCashDeskFilterContentLogisticsComponent.prototype._setWarehouses = function () {
+            var _this = this;
+            this.transactionService.getWarehouses().then(function (warehouses) {
+                _this.warehouses = new corecomponents_v12.FilterViewmodel(warehouses, _this.warehouseFields).filterItems;
+            });
+        };
+        //Source Warehouses
+        TransactionCashDeskFilterContentLogisticsComponent.prototype._setSourceWarehouses = function () {
+            var _this = this;
+            this.transactionService.getWarehouses().then(function (warehouses) {
+                _this.sourceWarehouses = new corecomponents_v12.FilterViewmodel(warehouses, _this.sourceWarehouseFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentLogisticsComponent.prototype._setPartialDelivery = function () {
+            var _this = this;
+            this.transactionService.getYesNo("NL").then(function (partialDelivery) {
+                _this.partialDelivery = new corecomponents_v12.FilterViewmodel(partialDelivery, _this.partialDeliveryFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentLogisticsComponent.prototype._setIncludingReturns = function () {
+            var _this = this;
+            this.transactionService.getYesNo("NL").then(function (includingReturns) {
+                _this.includingReturns = new corecomponents_v12.FilterViewmodel(includingReturns, _this.includingReturnsFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentLogisticsComponent.prototype._setToBeOrdered = function () {
+            var _this = this;
+            this.transactionService.getYesNo("NL").then(function (toBeOrdered) {
+                _this.toBeOrdered = new corecomponents_v12.FilterViewmodel(toBeOrdered, _this.toBeOrderedFields).filterItems;
+            });
+        };
+        return TransactionCashDeskFilterContentLogisticsComponent;
+    }(TransactionFilterContentBaseComponent));
+    TransactionCashDeskFilterContentLogisticsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-transaction-cash-desk-filter-content-logistics',
+                    template: "\n    <div class=\"transaction-filter-content-logistics-wrapper transaction-filter-content-wrapper\">\n\n      <!--Levermethode-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'DELIVERY_METHOD'\"\n                                    [collection]=\"deliveryMethods\"\n                                    [(model)]=\"searchService.searchRequest.rangeDeliveryMethod\"\n                                    [mode]=\"modes.Filterlist\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Leverdatum definitief-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'DELIVERY_DATE_FINAL'\"\n                                    [collection]=\"deliveryDateFinal\"\n                                    [(model)]=\"searchService.searchRequest.deliveryDateDefinitive\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'TO_DELIVER'\"\n                                    [collection]=\"toBeDelivered\"\n                                    [(model)]=\"searchService.searchRequest.showToBeDelivered\"\n                                    [mode]=\"modes.Filterlist\">\n          ></co-transaction-filter-item>\n      </div>\n\n      <!--Toegewezen-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-historic-state\n                                              [label]=\"'ALLOCATED'\"\n                                              [(model)]=\"searchService.searchRequest.quantityAllocated\"\n                                              [mode]=\"modes.SelectListWithStringCollectionOutput\">\n        ></co-transaction-filter-historic-state>\n      </div>\n\n      <!--Geleverd-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-historic-state [label]=\"'DELIVERED'\"\n                                              [(model)]=\"searchService.searchRequest.quantityDelivered\"\n                                              [mode]=\"modes.SelectListWithStringCollectionOutput\">\n        ></co-transaction-filter-historic-state>\n      </div>\n\n      <!--Gefactureerd-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-historic-state [label]=\"'INVOICED'\"\n                                              [(model)]=\"searchService.searchRequest.quantityInvoiced\"\n                                              [mode]=\"modes.SelectListWithStringCollectionOutput\">\n        ></co-transaction-filter-historic-state>\n      </div>\n\n      <!--Te picken-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-historic-state [label]=\"'TO_BE_PICKED'\"\n                                              [(model)]=\"searchService.searchRequest.quantityToBePicked\"\n                                              [mode]=\"modes.SelectListWithStringCollectionOutput\">\n        ></co-transaction-filter-historic-state>\n      </div>\n\n      <!--Gepicked-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-historic-state [label]=\"'PICKED'\"\n                                              [(model)]=\"searchService.searchRequest.quantityPicked\"\n                                              [mode]=\"modes.SelectListWithStringCollectionOutput\">\n        ></co-transaction-filter-historic-state>\n      </div>\n\n      <!--Bevestigde leverdatum-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'CONFIRMED_DELIVERY_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.confirmedDeliveryDateRange\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Aankomstdatum-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ARRIVAL_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.arrivalDateRange\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Deellevering-->\n      <div class=\"filter-item-wrapper\">\n          <co-transaction-filter-item [placeholder]=\"'PART_DELIVERY'\"\n                                      [collection]=\"partialDelivery\"\n                                      [(model)]=\"searchService.searchRequest.partialDelivery\"\n                                      [mode]=\"modes.Filterlist\">\n            </co-transaction-filter-item>\n      </div>\n\n      <!--Magazijn -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'WAREHOUSE'\"\n                                    [collection]=\"warehouses\"\n                                    [(model)]=\"searchService.searchRequest.warehouse\"\n                                    [mode]=\"modes.SingleSelectList\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Bron magazijn-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'SOURCE_WAREHOUSE'\"\n                                    [collection]=\"sourceWarehouses\"\n                                    [(model)]=\"searchService.searchRequest.sourceWarehouse\"\n                                    [mode]=\"modes.SingleSelectList\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Serienummer -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'SERIAL_NUMBER'\"\n                                    [(model)]=\"searchService.searchRequest.serialNumber\"\n                                    [mode]=\"modes.TextField\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Batchnummer -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'BATCH_NUMBER'\"\n                                    [(model)]=\"searchService.searchRequest.batchNumber\"\n                                    [mode]=\"modes.TextField\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Inclusief retouren-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'INCLUDING_RETURNS'\"\n                                    [collection]=\"includingReturns\"\n                                    [(model)]=\"searchService.searchRequest.includingReturns\"\n                                    [mode]=\"modes.Filterlist\">\n          ></co-transaction-filter-item>\n      </div>\n      <!--Deellevering-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'TO_ORDER'\"\n                                    [collection]=\"toBeOrdered\"\n                                    [(model)]=\"searchService.searchRequest.toBeOrdered\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Levermethode op (regel/header): todo: nog uitzoeken welke filter dit is-->\n    </div>\n  "
+                },] }
+    ];
+    TransactionCashDeskFilterContentLogisticsComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-search-filter-content",] }]
+    };
+
+    var TransactionCashDeskFilterContentLogisticsModule = /** @class */ (function () {
+        function TransactionCashDeskFilterContentLogisticsModule() {
+        }
+        return TransactionCashDeskFilterContentLogisticsModule;
+    }());
+    TransactionCashDeskFilterContentLogisticsModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.FilterItemModule,
+                        corecomponents_v12.InputDateRangePickerModule,
+                        corecomponents_v12.InputTextModule,
+                        PipeModule,
+                        corecomponents_v12.InputDatePickerModule,
+                        corecomponents_v12.ButtonModule,
+                        corecomponents_v12.InputCheckboxModule,
+                        corecomponents_v12.InputRadioButtonModule,
+                        TransactionFilterHistoricStateModule,
+                        CoreModule,
+                        TransactionFilterItemModule
+                    ],
+                    declarations: [
+                        TransactionCashDeskFilterContentLogisticsComponent
+                    ],
+                    exports: [
+                        TransactionCashDeskFilterContentLogisticsComponent
+                    ]
+                },] }
+    ];
+
+    var TransactionCashDeskFilterContentOrderComponent = /** @class */ (function (_super) {
+        __extends(TransactionCashDeskFilterContentOrderComponent, _super);
+        function TransactionCashDeskFilterContentOrderComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.modes = corecomponents_v12.FilterItemMode;
+            _this.salesPersonsFields = { text: "name", value: "relationId" };
+            _this.tagsFields = { text: "description", value: "tagValueId" };
+            _this.branchFields = { text: "familyName", value: "relationId" };
+            _this.paymentConditionsFields = { text: "description", value: "code" };
+            _this.onHoldCodeFields = { text: "description", value: "onHoldCode" };
+            _this.commissionCodeFields = { text: "description", value: "code" };
+            _this.orderDefiniteFields = { text: "description", value: "code" };
+            _this.orderFullyPaidFields = { text: "description", value: "code" };
+            _this.orderDepositFullyPaidFields = { text: "description", value: "code" };
+            _this.orderActiveFields = { text: "description", value: "code" };
+            _this.customerGroupFields = { text: "naam", value: "groepsnummer" };
+            _this.workflowStatusFields = { text: "name", value: "name" };
+            _this.loadCustomers = function (nameFilter) { return __awaiter(_this, void 0, void 0, function () {
+                var request;
+                return __generator(this, function (_a) {
+                    request = new relationRequest.RelationRequest();
+                    request.familyName = nameFilter;
+                    return [2 /*return*/, this.relationService.getRelationListObjects(request).then(function (relations) {
+                            return new corecomponents_v12.FilterViewmodel(relations, { text: 'familyName', value: 'familyName' }).filterItems;
+                        })];
+                });
+            }); };
+            return _this;
+        }
+        TransactionCashDeskFilterContentOrderComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionCashDeskFilterContentOrderComponent.prototype.handleCollectionChange = function () {
+            this.changeDetector.detectChanges();
+        };
+        TransactionCashDeskFilterContentOrderComponent.prototype.loadCollections = function () {
+            this._setSalesPersons();
+            this._setTags();
+            this._setBranches();
+            this._setPaymentConditions();
+            this._setOnHoldCodes();
+            this._setCommissionCodes();
+            this._setOrderDefinitive();
+            this._setOrderFullyPaid();
+            this._setOrderDepositFullyPaid();
+            this._setOrderActive();
+            this._setCustomerGroups();
+            this._setWorkFlowStatuses();
+        };
+        //Verkoper
+        TransactionCashDeskFilterContentOrderComponent.prototype._setSalesPersons = function () {
+            var _this = this;
+            this.transactionService.getSalesPersons().then(function (salesPersons) {
+                _this.salesPersons = new corecomponents_v12.FilterViewmodel(salesPersons, _this.salesPersonsFields).filterItems;
+            });
+        };
+        // Tags
+        TransactionCashDeskFilterContentOrderComponent.prototype._setTags = function () {
+            var _this = this;
+            this.transactionService.getTags(1).then(function (tags) {
+                _this.tags = new corecomponents_v12.FilterViewmodel(tags, _this.tagsFields).filterItems;
+            });
+        };
+        //Branches
+        TransactionCashDeskFilterContentOrderComponent.prototype._setBranches = function () {
+            var _this = this;
+            var request = new relationRequest.RelationRequest();
+            request.relationType = relationKind_enum.RelationKind.Branch;
+            this.relationService.getRelationListObjects(request).then(function (branches) {
+                _this.branches = new corecomponents_v12.FilterViewmodel(branches, _this.branchFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentOrderComponent.prototype._setPaymentConditions = function () {
+            var _this = this;
+            this.transactionService.getPaymentConditions().then(function (conditions) {
+                _this.paymentConditions = new corecomponents_v12.FilterViewmodel(conditions, _this.paymentConditionsFields).filterItems;
+            });
+        };
+        //OnHoldCodes
+        TransactionCashDeskFilterContentOrderComponent.prototype._setOnHoldCodes = function () {
+            var _this = this;
+            this.transactionService.getOnHoldCodes().then(function (onHoldCodes) {
+                _this.onHoldCodes = new corecomponents_v12.FilterViewmodel(onHoldCodes, _this.onHoldCodeFields).filterItems;
+            });
+        };
+        //CommissionCodes
+        TransactionCashDeskFilterContentOrderComponent.prototype._setCommissionCodes = function () {
+            var _this = this;
+            this.transactionService.getCommissionCodes("NL").then(function (commissionCodes) {
+                _this.commissionCodes = new corecomponents_v12.FilterViewmodel(commissionCodes, _this.commissionCodeFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentOrderComponent.prototype._setOrderDefinitive = function () {
+            var _this = this;
+            this.transactionService.getYesNo("NL").then(function (orderDefinite) {
+                _this.orderDefinite = new corecomponents_v12.FilterViewmodel(orderDefinite, _this.orderDefiniteFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentOrderComponent.prototype._setOrderFullyPaid = function () {
+            var _this = this;
+            this.transactionService.getYesNo("NL").then(function (orderFullyPaid) {
+                _this.orderFullyPaid = new corecomponents_v12.FilterViewmodel(orderFullyPaid, _this.orderFullyPaidFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentOrderComponent.prototype._setOrderDepositFullyPaid = function () {
+            var _this = this;
+            this.transactionService.getYesNo("NL").then(function (orderDepositFullyPaid) {
+                _this.orderDepositFullyPaid = new corecomponents_v12.FilterViewmodel(orderDepositFullyPaid, _this.orderDepositFullyPaidFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentOrderComponent.prototype._setOrderActive = function () {
+            var _this = this;
+            this.transactionService.getYesNo("NL").then(function (orderActive) {
+                _this.orderActive = new corecomponents_v12.FilterViewmodel(orderActive, _this.orderActiveFields).filterItems;
+            });
+        };
+        //CustomerGroups
+        TransactionCashDeskFilterContentOrderComponent.prototype._setCustomerGroups = function () {
+            var _this = this;
+            this.transactionService.getCustomerGroups().then(function (customerGroups) {
+                _this.customerGroups = new corecomponents_v12.FilterViewmodel(customerGroups, _this.customerGroupFields).filterItems;
+            });
+        };
+        TransactionCashDeskFilterContentOrderComponent.prototype._setWorkFlowStatuses = function () {
+            var _this = this;
+            this.transactionService.getWorkFlowStatuses(transactionKind_enum.TransactionKind.SalesOrder).then(function (workflowStatuses) {
+                _this.workflowStatuses = new corecomponents_v12.FilterViewmodel(workflowStatuses, _this.workflowStatusFields).filterItems;
+            });
+        };
+        return TransactionCashDeskFilterContentOrderComponent;
+    }(TransactionFilterContentBaseComponent));
+    TransactionCashDeskFilterContentOrderComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-transaction-cash-desk-filter-content-order',
+                    template: "\n    <div class=\"transaction-filter-content-order-wrapper transaction-filter-content-wrapper\">\n\n      <!--Orderdatum-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.rangeTransDate\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'DELIVERY_DATE'\"\n                                    [(model)]=\"searchService.searchRequest.deliveryDateRange\"\n                                    [mode]=\"modes.DateRangeField\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'WORKFLOW_STATUS'\"\n                                    [collection]=\"workflowStatuses\"\n                                    [(model)]=\"searchService.searchRequest.rangeWorkflowStatusNames\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'BRANCH'\"\n                                    [collection]=\"branches\"\n                                    [(model)]=\"searchService.searchRequest.rangeBranchId\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Betaalconditie-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'PAYMENT_CONDITION'\"\n                                    [collection]=\"paymentConditions\"\n                                    [(model)]=\"searchService.searchRequest.rangePaymentCondition\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Verkoper-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'HANDLED_BY'\"\n                                    [collection]=\"salesPersons\"\n                                    [(model)]=\"searchService.searchRequest.rangeHandledBy\"\n                                    [mode]=\"modes.Filterlist\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Eigen referentie-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'OWN_REFERENCE'\"\n                                    [(model)]=\"searchService.searchRequest.ownReference\"\n                                    [mode]=\"modes.TextField\"\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Tags-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'TAGS'\"\n                                    [collection]=\"tags\"\n                                    [(model)]=\"searchService.searchRequest.tagRange\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--On hold codes-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ON_HOLD'\"\n                                    [collection]=\"onHoldCodes\"\n                                    [(model)]=\"searchService.searchRequest.rangeOnHoldCodes\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Order definitief-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DEFINITIVE'\"\n                                    [collection]=\"orderDefinite\"\n                                    [(model)]=\"searchService.searchRequest.transactionDefinitive\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n      <!--Order fully paid -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_FULLY_PAID'\"\n                                    [collection]=\"orderFullyPaid\"\n                                    [(model)]=\"searchService.searchRequest.fullyPaid\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n\n      <!--Order deposit fully paid -->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ORDER_DEPOSIT_FULLY_PAID'\"\n                                    [collection]=\"orderDepositFullyPaid\"\n                                    [(model)]=\"searchService.searchRequest.depositFullyPaid\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n\n      <!--Commissiecode-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'COMMISSION_CODE'\"\n                                    [collection]=\"commissionCodes\"\n                                    [(model)]=\"searchService.searchRequest.commissionCodes\"\n                                    [mode]=\"modes.SelectListWithStringCollectionOutput\">\n        >\n        </co-transaction-filter-item>\n      </div>\n\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'ACTIVE'\"\n                                    [collection]=\"orderActive\"\n                                    [(model)]=\"searchService.searchRequest.active\"\n                                    [mode]=\"modes.Filterlist\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Klantnaam-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'CUSTOMER_NAME'\"\n                                    [searchCollectionPlaceholder]=\"searchPlaceholder.CustomerName\"\n                                    [mode]=\"modes.SingleSelectList\"\n                                    [(model)]=\"searchService.searchRequest.relationName\"\n                                    [minSearchCharsToLoadCollection]=\"3\"\n                                    [collectionLoadFn]=\"loadCustomers\">\n        </co-transaction-filter-item>\n      </div>\n\n      <!--Klantgroep-->\n      <div class=\"filter-item-wrapper\">\n        <co-transaction-filter-item [placeholder]=\"'CUSTOMER_GROUP'\"\n                                    [(model)]=\"searchService.searchRequest.customerGroupId\"\n                                    [mode]=\"modes.SingleSelectList\"\n                                    [collection]=\"customerGroups\">\n        </co-transaction-filter-item>\n      </div>\n    </div>\n  "
+                },] }
+    ];
+    TransactionCashDeskFilterContentOrderComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-search-filter-content",] }]
+    };
+
+    var TransactionCashDeskFilterContentOrderModule = /** @class */ (function () {
+        function TransactionCashDeskFilterContentOrderModule() {
+        }
+        return TransactionCashDeskFilterContentOrderModule;
+    }());
+    TransactionCashDeskFilterContentOrderModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.InputDatePickerModule,
+                        PipeModule,
+                        corecomponents_v12.InputTextModule,
+                        corecomponents_v12.FilterItemModule,
+                        corecomponents_v12.InputDateRangePickerModule,
+                        corecomponents_v12.ButtonModule,
+                        corecomponents_v12.InputCheckboxModule,
+                        CoreModule,
+                        TransactionFilterItemModule
+                    ],
+                    declarations: [
+                        TransactionCashDeskFilterContentOrderComponent
+                    ],
+                    exports: [
+                        TransactionCashDeskFilterContentOrderComponent
+                    ]
+                },] }
+    ];
+
+    var TransactionCashDeskFilterModule = /** @class */ (function () {
+        function TransactionCashDeskFilterModule() {
+        }
+        return TransactionCashDeskFilterModule;
+    }());
+    TransactionCashDeskFilterModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.ButtonModule,
+                        corecomponents_v12.IconModule,
+                        TransactionFilterCategoriesModule,
+                        corecomponents_v12.InputTextModule,
+                        PipeModule,
+                        corecomponents_v12.InputDatePickerModule,
+                        TransactionSalesOrderFilterContentOrderModule,
+                        TransactionSalesOrderFilterContentLogisticsModule,
+                        TransactionSalesOrderFilterContentArticleModule,
+                        TransactionCashDeskFilterContentArticleModule,
+                        TransactionCashDeskFilterContentLogisticsModule,
+                        TransactionCashDeskFilterContentOrderModule
+                    ],
+                    declarations: [
+                        TransactionCashDeskFilterComponent
+                    ],
+                    exports: [
+                        TransactionCashDeskFilterComponent
+                    ]
+                },] }
+    ];
+
     var TransactionSearchModule = /** @class */ (function () {
         function TransactionSearchModule() {
         }
@@ -41954,6 +42421,7 @@
                         TransactionSalesOrderFilterModule,
                         TransactionPurchaseOrderFilterModule,
                         TransactionSalesQuotationFilterModule,
+                        TransactionCashDeskFilterModule,
                         TransactionFilterModule,
                         corecomponents_v12.IconCollapseHandleModule,
                         TransactionStatusbarModule,
@@ -42138,7 +42606,7 @@
         };
         TransactionQuickAccessPlanningPopupComponent.prototype.ngOnInit = function () {
             if (this.deliveryMethods.length) {
-                this.selectedDeliveryMethod = this.deliveryMethods[1];
+                this.selectedDeliveryMethod = this.deliveryMethods[0];
             }
         };
         Object.defineProperty(TransactionQuickAccessPlanningPopupComponent.prototype, "transactionInfo", {
@@ -42174,11 +42642,11 @@
                 request.lines.push(lspLine);
             });
             this._transaction.sendPackageInformationToLSP(request).then(function (result) {
-                if (result.length > 0) {
+                _this._transactionService.rememberCurrentTransaction(result).then(function (result) {
                     _this._transaction.getPackageInformation(_this.transactionInfo.transactionInfo.uuid, _this.selectedLines[0].uuid).then(function (result) {
-                        _this.packageLSP = result;
+                        _this.packageLSP = result ? result : undefined;
                     });
-                }
+                });
             });
         };
         TransactionQuickAccessPlanningPopupComponent.prototype.openTrackAndTraceURL = function (packageLsp) {
@@ -42192,7 +42660,7 @@
     TransactionQuickAccessPlanningPopupComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-quick-access-planning-popup",
-                    template: "\n    <div class=\"wrapper\">\n      <div class=\"delivery-method-wrapper\" *ngIf=\"!packageLSP\">\n        <span [textContent]=\"'LOGISTICS_SERVICE_PROVIDER_CHOICE' | localize\"></span>\n        <div class=\"methods-wrapper narrow-scrollbar\">\n          <div class=\"method\" [class.selected]=\"selectedDeliveryMethod === method\"\n               (click)=\"deliveryMethodChange(method)\"\n               *ngFor=\"let method of deliveryMethods\">\n            <div class=\"radio-wrapper\">\n              <co-input-radio-button (click)=\"deliveryMethodChange(method)\" [model]=\"selectedDeliveryMethod === method\"\n                                    ></co-input-radio-button>\n            </div>\n            <div class=\"body-wrapper\">\n              <co-image\n                [source]=\"method.image?.documentBody\"></co-image>\n              <span class=\"body-text\" [textContent]=\"method.description\"></span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"header-info-wrapper\">\n        <div class=\"block\">\n          <span class=\"header\" [textContent]=\"'LINES_AMOUNT' | localize\"></span>\n          <span class=\"text\" [textContent]=\"selectedLines?.length\"></span>\n        </div>\n\n        <div class=\"block\">\n          <span class=\"header\" [textContent]=\"'ARTICLE_AMOUNT' | localize\"></span>\n          <span class=\"text\" [textContent]=\"'?'\"></span>\n        </div>\n\n        <div class=\"block\">\n          <span class=\"header\" [textContent]=\"'TOTAL_WEIGHT' | localize\"></span>\n          <span class=\"text\" [textContent]=\"'?'\"></span>\n        </div>\n\n        <div class=\"block\">\n          <span class=\"header\" [textContent]=\"'PACKAGE_CODE2' | localize\"></span>\n          <span class=\"text\" [textContent]=\"'?'\"></span>\n        </div>\n      </div>\n\n      <div class=\"send-button-wrapper\" *ngIf=\"!packageLSP\">\n        <co-button (click)=\"createTrackAndTrace()\" [label]=\"'SEND' | localize\"></co-button>\n      </div>\n\n      <div class=\"track-and-trace-wrapper\" *ngIf=\"packageLSP\">\n        <span class=\"track-and-trace-header\" [textContent]=\"'INFORMATION_LOGISTIC_SERVICE_PROVIDER' | localize\"></span>\n        <div class=\"track-and-trace-body-wrapper\" *ngFor=\"let packageLsp of packageLSP\">\n          <div class=\"code-wrapper\">\n            <span [textContent]=\"'TRACK_AND_TRACE' | localize\"></span>\n            <span [textContent]=\"packageLsp ? packageLsp.trackAndTraceCode : '--'\"></span>\n          </div>\n          <a (click)=\"openTrackAndTraceURL(packageLsp)\"\n             [textContent]=\"packageLsp ? packageLsp.trackAndTraceUrl : '--'\"></a>\n        </div>\n      </div>\n    </div>\n\n  ",
+                    template: "\n    <div class=\"wrapper\">\n      <div class=\"delivery-method-wrapper\" *ngIf=\"!packageLSP\">\n        <span [textContent]=\"'LOGISTICS_SERVICE_PROVIDER_CHOICE' | localize\"></span>\n        <div class=\"methods-wrapper narrow-scrollbar\">\n          <div class=\"method\" [class.selected]=\"selectedDeliveryMethod === method\"\n               (click)=\"deliveryMethodChange(method)\"\n               *ngFor=\"let method of deliveryMethods\">\n            <div class=\"radio-wrapper\">\n              <co-input-radio-button (click)=\"deliveryMethodChange(method)\" [model]=\"selectedDeliveryMethod === method\"\n                                    ></co-input-radio-button>\n            </div>\n            <div class=\"body-wrapper\">\n              <co-image\n                [source]=\"method.image?.documentBody\"></co-image>\n              <span class=\"body-text\" [textContent]=\"method.description\"></span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"header-info-wrapper\" *ngFor=\"let lsp of packageLSP\">\n        <div class=\"block\">\n          <span class=\"header\" [textContent]=\"'LINES_AMOUNT' | localize\"></span>\n          <span class=\"text\" [textContent]=\"lsp.lineCount\"></span>\n        </div>\n\n        <div class=\"block\">\n          <span class=\"header\" [textContent]=\"'ARTICLE_AMOUNT' | localize\"></span>\n          <span class=\"text\" [textContent]=\"lsp.productCount\"></span>\n        </div>\n\n        <div class=\"block\">\n          <span class=\"header\" [textContent]=\"'TOTAL_WEIGHT' | localize\"></span>\n          <span class=\"text\" [textContent]=\"lsp.totalWeight + ' kg'\"></span>\n        </div>\n\n        <div class=\"block\">\n          <span class=\"header\" [textContent]=\"'PACKAGE_CODE2' | localize\"></span>\n          <span class=\"text\" [textContent]=\"'?'\"></span>\n        </div>\n      </div>\n\n      <div class=\"send-button-wrapper\" *ngIf=\"!packageLSP\">\n        <co-button (click)=\"createTrackAndTrace()\" [label]=\"'SEND' | localize\"></co-button>\n      </div>\n\n      <div class=\"track-and-trace-wrapper\" *ngIf=\"packageLSP\">\n        <span class=\"track-and-trace-header\" [textContent]=\"'INFORMATION_LOGISTIC_SERVICE_PROVIDER' | localize\"></span>\n        <div class=\"track-and-trace-body-wrapper\" *ngFor=\"let packageLsp of packageLSP\">\n          <div class=\"code-wrapper\">\n            <span [textContent]=\"'TRACK_AND_TRACE' | localize\"></span>\n            <span [textContent]=\"packageLsp ? packageLsp.trackAndTraceCode : '--'\"></span>\n          </div>\n          <a (click)=\"openTrackAndTraceURL(packageLsp)\"\n             [textContent]=\"packageLsp ? packageLsp.trackAndTraceUrl : '--'\"></a>\n        </div>\n      </div>\n    </div>\n\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -47482,126 +47950,134 @@
     exports["ɵrl"] = TransactionSalesQuotationFilterContentArticleModule;
     exports["ɵrm"] = TransactionSalesQuotationFilterContentArticleComponent;
     exports["ɵrn"] = TransactionSalesQuotationFilterComponent;
-    exports["ɵro"] = SearchFeatureModule;
-    exports["ɵrp"] = SearchHeaderButtonsModule;
-    exports["ɵrq"] = SearchHeaderButtonsComponent;
-    exports["ɵrr"] = SearchViewModeService;
-    exports["ɵrs"] = SearchFilterPanelModule;
-    exports["ɵrt"] = SearchFilterPanelComponent;
-    exports["ɵru"] = SearchComponent;
-    exports["ɵrv"] = DeliveryPlanningMainComponent;
-    exports["ɵrw"] = DeliveryPlanningPlanOrderListComponent;
-    exports["ɵrx"] = DeliveryPlanningPlanOrderListTileComponent;
-    exports["ɵry"] = TransactionLineSidePanelPlanningComponent;
-    exports["ɵrz"] = TransactionQuickAccessPlanningComponent;
+    exports["ɵro"] = TransactionCashDeskFilterModule;
+    exports["ɵrp"] = TransactionCashDeskFilterContentArticleModule;
+    exports["ɵrq"] = TransactionCashDeskFilterContentArticleComponent;
+    exports["ɵrr"] = TransactionCashDeskFilterContentLogisticsModule;
+    exports["ɵrs"] = TransactionCashDeskFilterContentLogisticsComponent;
+    exports["ɵrt"] = TransactionCashDeskFilterContentOrderModule;
+    exports["ɵru"] = TransactionCashDeskFilterContentOrderComponent;
+    exports["ɵrv"] = TransactionCashDeskFilterComponent;
+    exports["ɵrw"] = SearchFeatureModule;
+    exports["ɵrx"] = SearchHeaderButtonsModule;
+    exports["ɵry"] = SearchHeaderButtonsComponent;
+    exports["ɵrz"] = SearchViewModeService;
     exports["ɵs"] = SafeStylePipe;
-    exports["ɵsa"] = TransactionQuickAccessPlanningPopupComponent;
-    exports["ɵsb"] = TransactionCardModule;
-    exports["ɵsc"] = TransactionCardPurchaseOverviewModule;
-    exports["ɵsd"] = TransactionCardHeaderModule;
-    exports["ɵse"] = TransactionCardHeaderComponent;
-    exports["ɵsf"] = TransactionCardFooterModule;
-    exports["ɵsg"] = TransactionCardFooterComponent;
-    exports["ɵsh"] = TransactionCardPurchaseOverviewComponent;
-    exports["ɵsi"] = TransactionCardSalesOverviewModule;
-    exports["ɵsj"] = TransactionCardSalesOverviewComponent;
-    exports["ɵsk"] = TransactionCardReceiveGoodsModule;
-    exports["ɵsl"] = TransactionCardReceiveGoodsComponent;
-    exports["ɵsm"] = TransactionCardInvoiceModule;
-    exports["ɵsn"] = TransactionCardInvoiceComponent;
-    exports["ɵso"] = TransactionCardOrderDeliveryModule;
-    exports["ɵsp"] = TransactionCardOrderDeliveryComponent;
-    exports["ɵsq"] = TransactionCardPurchaseModule;
-    exports["ɵsr"] = TransactionCardPurchaseComponent;
-    exports["ɵss"] = TransactionCardGoodsAllocationModule;
-    exports["ɵst"] = TransactionCardGoodsAllocationComponent;
-    exports["ɵsu"] = TransactionCardToBePickedModule;
-    exports["ɵsv"] = TransactionCardToBePickedComponent;
-    exports["ɵsw"] = TransactionCardPickedModule;
-    exports["ɵsx"] = TransactionCardPickedComponent;
-    exports["ɵsy"] = TransactionCardPurchaseConfirmationModule;
-    exports["ɵsz"] = TransactionBaseCardModule;
+    exports["ɵsa"] = SearchFilterPanelModule;
+    exports["ɵsb"] = SearchFilterPanelComponent;
+    exports["ɵsc"] = SearchComponent;
+    exports["ɵsd"] = DeliveryPlanningMainComponent;
+    exports["ɵse"] = DeliveryPlanningPlanOrderListComponent;
+    exports["ɵsf"] = DeliveryPlanningPlanOrderListTileComponent;
+    exports["ɵsg"] = TransactionLineSidePanelPlanningComponent;
+    exports["ɵsh"] = TransactionQuickAccessPlanningComponent;
+    exports["ɵsi"] = TransactionQuickAccessPlanningPopupComponent;
+    exports["ɵsj"] = TransactionCardModule;
+    exports["ɵsk"] = TransactionCardPurchaseOverviewModule;
+    exports["ɵsl"] = TransactionCardHeaderModule;
+    exports["ɵsm"] = TransactionCardHeaderComponent;
+    exports["ɵsn"] = TransactionCardFooterModule;
+    exports["ɵso"] = TransactionCardFooterComponent;
+    exports["ɵsp"] = TransactionCardPurchaseOverviewComponent;
+    exports["ɵsq"] = TransactionCardSalesOverviewModule;
+    exports["ɵsr"] = TransactionCardSalesOverviewComponent;
+    exports["ɵss"] = TransactionCardReceiveGoodsModule;
+    exports["ɵst"] = TransactionCardReceiveGoodsComponent;
+    exports["ɵsu"] = TransactionCardInvoiceModule;
+    exports["ɵsv"] = TransactionCardInvoiceComponent;
+    exports["ɵsw"] = TransactionCardOrderDeliveryModule;
+    exports["ɵsx"] = TransactionCardOrderDeliveryComponent;
+    exports["ɵsy"] = TransactionCardPurchaseModule;
+    exports["ɵsz"] = TransactionCardPurchaseComponent;
     exports["ɵt"] = SafeHtmlPipe;
-    exports["ɵta"] = TransactionBaseCardComponent;
-    exports["ɵtb"] = TransactionCardPurchaseConfirmationComponent;
-    exports["ɵtc"] = TransactionCardComponent;
-    exports["ɵtd"] = TransactionLineSidePanelModule;
-    exports["ɵte"] = TransactionLineSidePanelPurchaseModule;
-    exports["ɵtf"] = TransactionLineSidePanelPurchaseComponent;
-    exports["ɵtg"] = TransactionLineSidePanelSalesModule;
-    exports["ɵth"] = TransactionAllocateGoodsHistoryModule;
-    exports["ɵti"] = TransactionAllocateGoodsHistoryComponent;
-    exports["ɵtj"] = TransactionLineSalesAllocationModule;
-    exports["ɵtk"] = TransactionLineSalesAllocationComponent;
-    exports["ɵtl"] = TransactionLineSalesDeliveryModule;
-    exports["ɵtm"] = TransactionLineDeliveryHistoryModule;
-    exports["ɵtn"] = TransactionLineDeliveryHistoryComponent;
-    exports["ɵto"] = TransactionLineSalesDeliveryComponent;
-    exports["ɵtp"] = TransactionLineSalesInvoiceModule;
-    exports["ɵtq"] = TransactionLineInvoiceHistoryModule;
-    exports["ɵtr"] = TransactionLineInvoiceHistoryComponent;
-    exports["ɵts"] = TransactionLineSalesInvoiceComponent;
-    exports["ɵtt"] = TransactionLineSidePanelToBePickedModule;
-    exports["ɵtu"] = TransactionPickingHistoryModule;
-    exports["ɵtv"] = TransactionPickingHistoryComponent;
-    exports["ɵtw"] = TransactionLineSidePanelToBePickedComponent;
-    exports["ɵtx"] = TransactionLineSidePanelPickedModule;
-    exports["ɵty"] = TransactionLineSidePanelPickedComponent;
-    exports["ɵtz"] = TransactionLineSidePanelSalesComponent;
+    exports["ɵta"] = TransactionCardGoodsAllocationModule;
+    exports["ɵtb"] = TransactionCardGoodsAllocationComponent;
+    exports["ɵtc"] = TransactionCardToBePickedModule;
+    exports["ɵtd"] = TransactionCardToBePickedComponent;
+    exports["ɵte"] = TransactionCardPickedModule;
+    exports["ɵtf"] = TransactionCardPickedComponent;
+    exports["ɵtg"] = TransactionCardPurchaseConfirmationModule;
+    exports["ɵth"] = TransactionBaseCardModule;
+    exports["ɵti"] = TransactionBaseCardComponent;
+    exports["ɵtj"] = TransactionCardPurchaseConfirmationComponent;
+    exports["ɵtk"] = TransactionCardComponent;
+    exports["ɵtl"] = TransactionLineSidePanelModule;
+    exports["ɵtm"] = TransactionLineSidePanelPurchaseModule;
+    exports["ɵtn"] = TransactionLineSidePanelPurchaseComponent;
+    exports["ɵto"] = TransactionLineSidePanelSalesModule;
+    exports["ɵtp"] = TransactionAllocateGoodsHistoryModule;
+    exports["ɵtq"] = TransactionAllocateGoodsHistoryComponent;
+    exports["ɵtr"] = TransactionLineSalesAllocationModule;
+    exports["ɵts"] = TransactionLineSalesAllocationComponent;
+    exports["ɵtt"] = TransactionLineSalesDeliveryModule;
+    exports["ɵtu"] = TransactionLineDeliveryHistoryModule;
+    exports["ɵtv"] = TransactionLineDeliveryHistoryComponent;
+    exports["ɵtw"] = TransactionLineSalesDeliveryComponent;
+    exports["ɵtx"] = TransactionLineSalesInvoiceModule;
+    exports["ɵty"] = TransactionLineInvoiceHistoryModule;
+    exports["ɵtz"] = TransactionLineInvoiceHistoryComponent;
     exports["ɵu"] = PrependPipe;
-    exports["ɵua"] = TransactionLineSidePanelComponent;
-    exports["ɵub"] = TransactionCopyOrderModule;
-    exports["ɵuc"] = DefaultConfirmCancelButtonsModule;
-    exports["ɵud"] = DefaultConfirmCancelButtonsComponent;
-    exports["ɵue"] = TransactionCopyOrderComponent;
-    exports["ɵuf"] = TransactionLinesSidePanelModule;
-    exports["ɵug"] = TransactionLinesSidePanelCashDeskModule;
-    exports["ɵuh"] = TransactionCashRegisterPaymentDialogModule;
-    exports["ɵui"] = TransactionCashRegisterPaymentPinModule;
-    exports["ɵuj"] = TransactionCashRegisterPaymentButtonsModule;
-    exports["ɵuk"] = TransactionCashRegisterPaymentButtonsComponent;
-    exports["ɵul"] = TransactionCashRegisterPaymentPinComponent;
-    exports["ɵum"] = TransactionCashRegisterPaymentCashModule;
-    exports["ɵun"] = RegisteredPaymentModule;
-    exports["ɵuo"] = RegisteredPaymentComponent;
-    exports["ɵup"] = TransactionCashRegisterPaymentCashComponent;
-    exports["ɵuq"] = TransactionCashRegisterPaymentDoneModule;
-    exports["ɵur"] = TransactionCashRegisterPaymentDoneComponent;
-    exports["ɵus"] = TransactionCashRegisterPaymentMethodModule;
-    exports["ɵut"] = TransactionCashRegisterPaymentMethodComponent;
-    exports["ɵuu"] = TransactionCashRegisterPaymentQrCodeModule;
-    exports["ɵuv"] = TransactionCashRegisterPaymentQrCodeComponent;
-    exports["ɵuw"] = TransactionCashRegisterPaymentDialogComponent;
-    exports["ɵux"] = TransactionCashRegisterOrderExpenseDialogModule;
-    exports["ɵuy"] = TransactionCashRegisterOrderExpenseDialogComponent;
-    exports["ɵuz"] = TransactionLinesSidePanelCashDeskComponent;
+    exports["ɵua"] = TransactionLineSalesInvoiceComponent;
+    exports["ɵub"] = TransactionLineSidePanelToBePickedModule;
+    exports["ɵuc"] = TransactionPickingHistoryModule;
+    exports["ɵud"] = TransactionPickingHistoryComponent;
+    exports["ɵue"] = TransactionLineSidePanelToBePickedComponent;
+    exports["ɵuf"] = TransactionLineSidePanelPickedModule;
+    exports["ɵug"] = TransactionLineSidePanelPickedComponent;
+    exports["ɵuh"] = TransactionLineSidePanelSalesComponent;
+    exports["ɵui"] = TransactionLineSidePanelComponent;
+    exports["ɵuj"] = TransactionCopyOrderModule;
+    exports["ɵuk"] = DefaultConfirmCancelButtonsModule;
+    exports["ɵul"] = DefaultConfirmCancelButtonsComponent;
+    exports["ɵum"] = TransactionCopyOrderComponent;
+    exports["ɵun"] = TransactionLinesSidePanelModule;
+    exports["ɵuo"] = TransactionLinesSidePanelCashDeskModule;
+    exports["ɵup"] = TransactionCashRegisterPaymentDialogModule;
+    exports["ɵuq"] = TransactionCashRegisterPaymentPinModule;
+    exports["ɵur"] = TransactionCashRegisterPaymentButtonsModule;
+    exports["ɵus"] = TransactionCashRegisterPaymentButtonsComponent;
+    exports["ɵut"] = TransactionCashRegisterPaymentPinComponent;
+    exports["ɵuu"] = TransactionCashRegisterPaymentCashModule;
+    exports["ɵuv"] = RegisteredPaymentModule;
+    exports["ɵuw"] = RegisteredPaymentComponent;
+    exports["ɵux"] = TransactionCashRegisterPaymentCashComponent;
+    exports["ɵuy"] = TransactionCashRegisterPaymentDoneModule;
+    exports["ɵuz"] = TransactionCashRegisterPaymentDoneComponent;
     exports["ɵv"] = ConfirmationDialogComponent;
-    exports["ɵva"] = TransactionLinesSidePanelServiceOrderModule;
-    exports["ɵvb"] = TransactionLinesSidePanelServiceOrderComponent;
-    exports["ɵvc"] = TransactionLinesSidePanelComponent;
-    exports["ɵvd"] = TransactionServiceOverviewModule;
-    exports["ɵve"] = TransactionServiceOverviewComponent;
-    exports["ɵvf"] = TransactionCardsModule;
-    exports["ɵvg"] = TransactionCardsComponent;
-    exports["ɵvh"] = TransactionMarginModule;
-    exports["ɵvi"] = TransactionMarginComponent;
-    exports["ɵvj"] = TransactionMarginBlockComponent;
-    exports["ɵvk"] = TransactionInternalComponent;
-    exports["ɵvl"] = TransactionGridModule;
-    exports["ɵvm"] = TransactionLinesGridModule;
-    exports["ɵvn"] = TransactionBaseGridModule;
-    exports["ɵvo"] = TransactionBaseGridComponent;
-    exports["ɵvp"] = TransactionGridBaseComponent;
-    exports["ɵvq"] = DialogTransactionLineWarehouseCcModule;
-    exports["ɵvr"] = DialogTransactionLineWarehouseCcComponent;
-    exports["ɵvs"] = DialogTransactionHeaderBranchModule;
-    exports["ɵvt"] = DialogTransactionHeaderBranchComponent;
-    exports["ɵvu"] = TransactionLinesGridComponent;
-    exports["ɵvv"] = TransactionOrderConfirmationGridModule;
-    exports["ɵvw"] = TransactionOrderConfirmationGridComponent;
-    exports["ɵvx"] = TransactionGridComponent;
-    exports["ɵvy"] = TransactionTagComponent;
+    exports["ɵva"] = TransactionCashRegisterPaymentMethodModule;
+    exports["ɵvb"] = TransactionCashRegisterPaymentMethodComponent;
+    exports["ɵvc"] = TransactionCashRegisterPaymentQrCodeModule;
+    exports["ɵvd"] = TransactionCashRegisterPaymentQrCodeComponent;
+    exports["ɵve"] = TransactionCashRegisterPaymentDialogComponent;
+    exports["ɵvf"] = TransactionCashRegisterOrderExpenseDialogModule;
+    exports["ɵvg"] = TransactionCashRegisterOrderExpenseDialogComponent;
+    exports["ɵvh"] = TransactionLinesSidePanelCashDeskComponent;
+    exports["ɵvi"] = TransactionLinesSidePanelServiceOrderModule;
+    exports["ɵvj"] = TransactionLinesSidePanelServiceOrderComponent;
+    exports["ɵvk"] = TransactionLinesSidePanelComponent;
+    exports["ɵvl"] = TransactionServiceOverviewModule;
+    exports["ɵvm"] = TransactionServiceOverviewComponent;
+    exports["ɵvn"] = TransactionCardsModule;
+    exports["ɵvo"] = TransactionCardsComponent;
+    exports["ɵvp"] = TransactionMarginModule;
+    exports["ɵvq"] = TransactionMarginComponent;
+    exports["ɵvr"] = TransactionMarginBlockComponent;
+    exports["ɵvs"] = TransactionInternalComponent;
+    exports["ɵvt"] = TransactionGridModule;
+    exports["ɵvu"] = TransactionLinesGridModule;
+    exports["ɵvv"] = TransactionBaseGridModule;
+    exports["ɵvw"] = TransactionBaseGridComponent;
+    exports["ɵvx"] = TransactionGridBaseComponent;
+    exports["ɵvy"] = DialogTransactionLineWarehouseCcModule;
+    exports["ɵvz"] = DialogTransactionLineWarehouseCcComponent;
     exports["ɵw"] = DialogBaseComponent;
+    exports["ɵwa"] = DialogTransactionHeaderBranchModule;
+    exports["ɵwb"] = DialogTransactionHeaderBranchComponent;
+    exports["ɵwc"] = TransactionLinesGridComponent;
+    exports["ɵwd"] = TransactionOrderConfirmationGridModule;
+    exports["ɵwe"] = TransactionOrderConfirmationGridComponent;
+    exports["ɵwf"] = TransactionGridComponent;
+    exports["ɵwg"] = TransactionTagComponent;
     exports["ɵx"] = IconCacheService;
     exports["ɵy"] = CharacteristicAnswerModule;
     exports["ɵz"] = CharacteristicAnswerComponent;