@colijnit/transaction 256.1.27 → 256.1.28

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "256.1.27";
-            this.publishDate = "13-12-2024 17:51:03";
+            this.symVer = "256.1.28";
+            this.publishDate = "17-12-2024 17:47:46";
         }
         return Version;
     }());
@@ -13659,84 +13659,6 @@
         transaction: [{ type: i0.Input }]
     };
 
-    var DialogTransactionHeaderBaseComponent = /** @class */ (function (_super) {
-        __extends(DialogTransactionHeaderBaseComponent, _super);
-        function DialogTransactionHeaderBaseComponent() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this.buttonType = AppPopupButtonType;
-            _this.autoClose = false;
-            _this.useModel = true;
-            _this.close = new i0.EventEmitter();
-            _this.shouldRollbackOnClose = true;
-            return _this;
-        }
-        DialogTransactionHeaderBaseComponent.prototype.onClose = function (eventType, output) {
-            return;
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleValueChange = function (value) {
-            this.value = value;
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleOkClick = function () {
-            this.onClose(AppPopupButtonType.Ok, this.value);
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleSearch = function (text) {
-            this.searchText = text;
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleCloseDialog = function (event, type) {
-            if (event) {
-                event.preventDefault();
-                event.stopPropagation();
-            }
-            this.handleClose(type);
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleClose = function (type) {
-            if (type === AppPopupButtonType.Cancel && this.shouldRollbackOnClose) {
-                this.rollback();
-            }
-            this.close.emit();
-            this.onClose(type);
-            this.detectChanges();
-        };
-        return DialogTransactionHeaderBaseComponent;
-    }(TransactionHeaderBaseComponent));
-    DialogTransactionHeaderBaseComponent.decorators = [
-        { type: i0.Directive }
-    ];
-    DialogTransactionHeaderBaseComponent.propDecorators = {
-        autoClose: [{ type: i0.Input }],
-        useModel: [{ type: i0.Input }],
-        close: [{ type: i0.Output }]
-    };
-
-    var DialogTransactionHeaderBranchComponent = /** @class */ (function (_super) {
-        __extends(DialogTransactionHeaderBranchComponent, _super);
-        function DialogTransactionHeaderBranchComponent() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this.buttonType = AppPopupButtonType;
-            return _this;
-        }
-        DialogTransactionHeaderBranchComponent.prototype.showClass = function () {
-            return true;
-        };
-        DialogTransactionHeaderBranchComponent.prototype.handleValueChange = function (value) {
-            this.value = value;
-        };
-        DialogTransactionHeaderBranchComponent.prototype.handleOkClick = function () {
-            this.onClose(AppPopupButtonType.Ok, this.value);
-        };
-        return DialogTransactionHeaderBranchComponent;
-    }(DialogTransactionHeaderBaseComponent));
-    DialogTransactionHeaderBranchComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-dialog-transaction-header-branch",
-                    template: "\n      <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"handleCloseDialog($event, buttonType.Cancel)\">\n        <co-transaction-header-branch\n          [useModel]=\"useModel\"\n          [searchText]=\"searchText\"\n          (valueChange)=\"handleValueChange($event)\"\n        ></co-transaction-header-branch>\n      </co-dialog>\n      <ng-template #dialogHeader>\n        <co-dialog-header-search [title]=\"'BRANCH'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n      </ng-template>\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n          <co-button class=\"save-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"handleOkClick()\"></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                     (click)=\"handleCloseDialog($event, buttonType.Cancel)\"></co-button>\n        </div>\n      </ng-template>\n    ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    DialogTransactionHeaderBranchComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-header-branch",] }]
-    };
-
     var TransactionCashRegisterOrderReceiptDialogComponent = /** @class */ (function (_super) {
         __extends(TransactionCashRegisterOrderReceiptDialogComponent, _super);
         function TransactionCashRegisterOrderReceiptDialogComponent() {
@@ -14016,6 +13938,123 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-cash-register-order-receipt-dialog",] }]
     };
 
+    var DialogBranchComponent = /** @class */ (function () {
+        function DialogBranchComponent(iconCacheService, _relationService) {
+            this.iconCacheService = iconCacheService;
+            this._relationService = _relationService;
+            this.icons = Icon;
+            this.buttonType = AppPopupButtonType;
+            this.fields = { text: "description", value: "relationId" };
+            this.viewModels = [];
+            this.viewModelsFiltered = [];
+            this.codeField = 'branchNo';
+            this.checkField = 'relationNr';
+            this.propsForLabel = [{ label: 'branchNo' }, { label: 'description' }];
+        }
+        DialogBranchComponent.prototype.showClass = function () {
+            return true;
+        };
+        Object.defineProperty(DialogBranchComponent.prototype, "searchText", {
+            get: function () {
+                return this._searchText;
+            },
+            set: function (value) {
+                if (value !== undefined && value !== null) {
+                    this._searchText = value;
+                    this._doSearch();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DialogBranchComponent.prototype.ngOnInit = function () {
+            this._getCollection();
+        };
+        DialogBranchComponent.prototype.onClose = function (eventType, output) {
+            return;
+        };
+        DialogBranchComponent.prototype.handleSearch = function (text) {
+            this.searchText = text;
+        };
+        DialogBranchComponent.prototype.handleOkClick = function () {
+            this.onClose(AppPopupButtonType.Save, this.value);
+        };
+        DialogBranchComponent.prototype.handleCloseDialog = function (event, type) {
+            if (event) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+            this.onClose(type);
+        };
+        DialogBranchComponent.prototype.handleChecked = function (row) {
+            return __awaiter(this, void 0, void 0, function () {
+                var currentModel, i;
+                return __generator(this, function (_a) {
+                    row.checked = true;
+                    currentModel = this.viewModels.find(function (v) { return v.value === row.value; });
+                    if (currentModel) {
+                        currentModel.checked = true;
+                    }
+                    for (i = 0; i < this.viewModels.length; i++) {
+                        if (this.viewModels[i].value !== row.value) {
+                            this.viewModels[i].checked = false;
+                        }
+                    }
+                    this.value = row.value;
+                    return [2 /*return*/];
+                });
+            });
+        };
+        DialogBranchComponent.prototype._getCollection = function () {
+            var _this = this;
+            this._relationService.getBranches().then(function (branches) {
+                _this._collection = branches;
+                _this._prepareViewModels();
+            });
+        };
+        DialogBranchComponent.prototype._prepareViewModels = function () {
+            var _this = this;
+            this.viewModels.length = 0;
+            this._collection.forEach(function (d, index) {
+                var labels = JSON.parse(JSON.stringify(_this.propsForLabel));
+                labels.forEach(function (l) { return l.label = d[l.label]; });
+                _this.viewModels.push({
+                    value: d[_this.codeField],
+                    propsForLabel: labels,
+                    checked: (_this.value ? _this.value === d[_this.codeField] : index === 0)
+                });
+            });
+            this.viewModelsFiltered = this.viewModels.slice();
+            if (this.viewModels.length > 0) {
+                // this.valueChange.next(this.value ? this.value : this.viewModels[0].value);
+            }
+        };
+        DialogBranchComponent.prototype._doSearch = function () {
+            var _this = this;
+            this.viewModelsFiltered = JSON.parse(JSON.stringify(this.viewModels));
+            if (this.searchText) {
+                this.viewModelsFiltered = this.viewModelsFiltered.filter(function (vmf) {
+                    return vmf.propsForLabel.find(function (p) { return p.label && p.label.toString().match(new RegExp(_this.searchText, 'gi')); });
+                });
+            }
+        };
+        return DialogBranchComponent;
+    }());
+    DialogBranchComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-dialog-branch',
+                    template: "\n      <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"handleCloseDialog($event, buttonType.Cancel)\">\n          <co-transaction-line-checkbox-list\n                  [collection]=\"viewModelsFiltered\"\n                  (checked)=\"handleChecked($event)\"\n          ></co-transaction-line-checkbox-list>\n      </co-dialog>\n      <ng-template #dialogHeader>\n          <co-dialog-header-search [title]=\"'BRANCH'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n      </ng-template>\n      <ng-template #footerTemplate>\n          <div class=\"co-dialog-footer-button-wrapper\">\n              <co-button class=\"save-button\"\n                         [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                         (click)=\"handleOkClick()\"></co-button>\n              <co-button class=\"close-button\"\n                         [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                         (click)=\"handleCloseDialog($event, buttonType.Cancel)\"></co-button>\n          </div>\n      </ng-template>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    DialogBranchComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: TransactionRelationService }
+    ]; };
+    DialogBranchComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ['class.co-dialog-branch',] }]
+    };
+
     var DialogService = /** @class */ (function () {
         function DialogService(_compFactoryResolver, appRef, injector, dynamicComponentService, _dictionaryService) {
             this._compFactoryResolver = _compFactoryResolver;
@@ -14086,12 +14125,9 @@
             };
             return this.dynamicComponentService.createComponent(DialogTransactionLineWarehouseCcComponent, data, undefined, [provider]);
         };
-        DialogService.prototype.showBranch = function (transaction) {
-            var data = {
-                transaction: transaction,
-                useModel: false
-            };
-            return this.dynamicComponentService.createComponent(DialogTransactionHeaderBranchComponent, data);
+        DialogService.prototype.showBranch = function () {
+            var data = {};
+            return this.dynamicComponentService.createComponent(DialogBranchComponent, data);
         };
         DialogService.prototype.showWarehouseLocation = function (warehouseNr, useModel, autoClose, showClose, transactionLine) {
             var data = {
@@ -14204,7 +14240,6 @@
             _this.relationUpdated = new rxjs.BehaviorSubject(undefined);
             _this.transactionKindSet = new rxjs.BehaviorSubject(false);
             _this.transactionMargeViewClicked = new rxjs.Subject();
-            _this.currentBranch = "1"; // current user branch, needs to be set before we can do anything with transactions
             _this.autoSave = false;
             _this.manualSaveParam = false;
             _this.applicationUser = false;
@@ -19070,7 +19105,7 @@
                     switch (_a.label) {
                         case 0:
                             if (!!this.currentBranch) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.dialogService.showBranch(this.currentTransaction)];
+                            return [4 /*yield*/, this.dialogService.showBranch()];
                         case 1:
                             response = _a.sent();
                             if (response.button !== AppPopupButtonType.Cancel) {
@@ -22216,6 +22251,55 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-totals",] }]
     };
 
+    var DialogTransactionHeaderBaseComponent = /** @class */ (function (_super) {
+        __extends(DialogTransactionHeaderBaseComponent, _super);
+        function DialogTransactionHeaderBaseComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.buttonType = AppPopupButtonType;
+            _this.autoClose = false;
+            _this.useModel = true;
+            _this.close = new i0.EventEmitter();
+            _this.shouldRollbackOnClose = true;
+            return _this;
+        }
+        DialogTransactionHeaderBaseComponent.prototype.onClose = function (eventType, output) {
+            return;
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleValueChange = function (value) {
+            this.value = value;
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleOkClick = function () {
+            this.onClose(AppPopupButtonType.Ok, this.value);
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleSearch = function (text) {
+            this.searchText = text;
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleCloseDialog = function (event, type) {
+            if (event) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+            this.handleClose(type);
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleClose = function (type) {
+            if (type === AppPopupButtonType.Cancel && this.shouldRollbackOnClose) {
+                this.rollback();
+            }
+            this.close.emit();
+            this.onClose(type);
+            this.detectChanges();
+        };
+        return DialogTransactionHeaderBaseComponent;
+    }(TransactionHeaderBaseComponent));
+    DialogTransactionHeaderBaseComponent.decorators = [
+        { type: i0.Directive }
+    ];
+    DialogTransactionHeaderBaseComponent.propDecorators = {
+        autoClose: [{ type: i0.Input }],
+        useModel: [{ type: i0.Input }],
+        close: [{ type: i0.Output }]
+    };
+
     var DialogTransactionHeaderDiscountComponent = /** @class */ (function (_super) {
         __extends(DialogTransactionHeaderDiscountComponent, _super);
         function DialogTransactionHeaderDiscountComponent() {
@@ -28180,7 +28264,7 @@
     TransactionQuickAccessSalesQuotationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-quick-access-sales-quotation",
-                    template: "\n    <div class=\"quick-access-content-wrapper\">\n      <co-quick-send-button\n        [defaultMethodIcon]=\"defaultSendMethodIcon\"\n        [showLoader]=\"showLoader\"\n        (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n        (openSendMethodDialog)=\"showSendMethodDialog = true\"\n      ></co-quick-send-button>\n      <co-transaction-send-documents\n        [historicReports]=\"historicReports\"\n        [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderQuotation\"\n      ></co-transaction-send-documents>\n      <co-transaction-button\n        [label]=\"'SALES_ORDER' | localize\"\n        [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n        (click)=\"createSalesOrder()\"\n        class=\"sales-quote-btn custom-width\"\n      ></co-transaction-button>\n     <co-transaction-navigation-button-list\n        [refTransactions]=\"getCurrentRefTransactions()\"\n        [showRelationButton]=\"false\"\n        [emptyLabel]=\"'NO_SALES_QUOTE_ORDER' | localize\"\n        (transactionClick)=\"handleSalesOrderNavigation($event)\"\n      ></co-transaction-navigation-button-list>\n      <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                             [headerTitle]=\"'Verzendmethode'\"\n                             [printerList]=\"printerList\"\n                             [defaultSendMethod]=\"defaultSendMethod\"\n                             [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email, sendMethodType.Pdf]\"\n                             [emailAddresses]=\"emailAddresses\"\n                             [emailLayouts]=\"emailLayouts\"\n                             [printLayouts]=\"printLayouts\"\n                             [isDocSignEnabled]=\"true\"\n                             [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                             [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                             [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                             (closeClick)=\"showSendMethodDialog = false\"\n                             (okClick)=\"handleSendMethodOkClick($event)\"\n      ></co-send-method-dialog>\n    </div>\n    <co-digital-signature\n      [documentId]=\"signatureDocumentId\"\n      (documentStored)=\"commitAndRefreshTransaction()\"\n    ></co-digital-signature>\n  ",
+                    template: "\n    <div class=\"quick-access-content-wrapper\">\n      <co-quick-send-button\n        [defaultMethodIcon]=\"defaultSendMethodIcon\"\n        [showLoader]=\"showLoader\"\n        (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n        (openSendMethodDialog)=\"showSendMethodDialog = true\"\n      ></co-quick-send-button>\n      <co-transaction-send-documents\n        [historicReports]=\"historicReports\"\n        [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderQuotation\"\n      ></co-transaction-send-documents>\n      <co-transaction-button class=\"sales-quote-btn custom-width\"\n        [label]=\"'SALES_ORDER' | localize\"\n        [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n        (click)=\"createSalesOrder()\"\n      ></co-transaction-button>\n     <co-transaction-navigation-button-list\n        [refTransactions]=\"getCurrentRefTransactions()\"\n        [showRelationButton]=\"false\"\n        [emptyLabel]=\"'NO_SALES_QUOTE_ORDER' | localize\"\n        (transactionClick)=\"handleSalesOrderNavigation($event)\"\n      ></co-transaction-navigation-button-list>\n      <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                             [headerTitle]=\"'Verzendmethode'\"\n                             [printerList]=\"printerList\"\n                             [defaultSendMethod]=\"defaultSendMethod\"\n                             [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email, sendMethodType.Pdf]\"\n                             [emailAddresses]=\"emailAddresses\"\n                             [emailLayouts]=\"emailLayouts\"\n                             [printLayouts]=\"printLayouts\"\n                             [isDocSignEnabled]=\"true\"\n                             [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                             [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                             [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                             (closeClick)=\"showSendMethodDialog = false\"\n                             (okClick)=\"handleSendMethodOkClick($event)\"\n      ></co-send-method-dialog>\n    </div>\n    <co-digital-signature\n      [documentId]=\"signatureDocumentId\"\n      (documentStored)=\"commitAndRefreshTransaction()\"\n    ></co-digital-signature>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -29258,8 +29342,42 @@
             }
         };
         TransactionPlanningLineComponent.prototype.dragStarted = function (ev) {
+            var _a, _b, _c;
             this._deliveryPlanningService.currentTransId = this.transactionInfo.id;
-            ev.dataTransfer.setData('text', 'lines');
+            ev.target.classList.add('dragging');
+            var lineElement = ev.target.closest('co-transaction-base-line');
+            if (!lineElement)
+                return;
+            var dragBox = (_a = lineElement.querySelector('.co-transaction-line-image-and-description')) === null || _a === void 0 ? void 0 : _a.cloneNode(true);
+            var dragImage = document.createElement('div');
+            dragImage.style.display = 'flex';
+            dragImage.style.flexDirection = 'row';
+            dragImage.style.alignItems = 'center';
+            dragImage.style.justifyContent = 'space-around';
+            dragImage.style.width = '250px';
+            dragImage.style.minHeight = '50px';
+            dragImage.style.padding = '10px';
+            dragImage.style.backgroundColor = '#ffffff';
+            dragImage.style.border = '1px solid #ccc';
+            dragImage.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)';
+            dragImage.style.borderRadius = '5px';
+            dragImage.style.fontSize = '12px';
+            if (dragBox) {
+                dragBox.style.flex = '1';
+                dragImage.appendChild(dragBox);
+            }
+            document.body.appendChild(dragImage);
+            dragImage.style.position = 'absolute';
+            dragImage.style.top = '-1000px';
+            dragImage.style.left = '-1000px';
+            // Set the custom drag image
+            (_b = ev.dataTransfer) === null || _b === void 0 ? void 0 : _b.setDragImage(dragImage, 50, 25);
+            // Cleanup: Remove the drag image after it's set
+            setTimeout(function () { return document.body.removeChild(dragImage); }, 0);
+            (_c = ev.dataTransfer) === null || _c === void 0 ? void 0 : _c.setData('text', 'lines');
+        };
+        TransactionPlanningLineComponent.prototype.dragEnded = function (ev) {
+            ev.target.classList.remove('dragging');
         };
         Object.defineProperty(TransactionPlanningLineComponent.prototype, "linePlanned", {
             get: function () {
@@ -29299,7 +29417,8 @@
         descriptionDblClick: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-planning-line',] }],
         handleMouseOver: [{ type: i0.HostListener, args: ['mouseover', ['$event'],] }],
-        handleMouseLeave: [{ type: i0.HostListener, args: ['mouseleave', ['$event'],] }]
+        handleMouseLeave: [{ type: i0.HostListener, args: ['mouseleave', ['$event'],] }],
+        dragEnded: [{ type: i0.HostListener, args: ['dragend', ['$event'],] }]
     };
 
     var TransactionQuickAccessPlanningComponent = /** @class */ (function (_super) {
@@ -39613,13 +39732,8 @@
             this.orderLines = !this.orderLines;
         };
         DeliveryPlanningOverviewTileLineComponent.prototype.showNormalOrderLines = function (event) {
-            if (!this.isActive) {
-                return;
-            }
-            else {
-                event.stopPropagation();
-                this.orderLines = !this.orderLines;
-            }
+            event.stopPropagation();
+            this.linesActive = !this.linesActive;
         };
         DeliveryPlanningOverviewTileLineComponent.prototype.getPlannedLines = function (lines) {
             return lines.filter(function (line) { return line.planned === true; });
@@ -39632,7 +39746,7 @@
     DeliveryPlanningOverviewTileLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-overview-tile-line",
-                    template: "\n      <div class=\"planning-line-wrapper\" (click)=\"setLinesActive()\" [class.normal-mode]=\"isActive\" [class.active-lines]=\"linesActive || isActive\">\n        <div class=\"planning-line-content\" (click)=\"showNormalOrderLines($event)\">\n          <div class=\"planning-line-left\">\n            <div class=\"planning-line-extend\" (click)=\"showOrderLines($event)\" *ngIf=\"linesActive || orderLines || isActive\">\n              <co-icon *ngIf=\"!orderLines\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n              <co-icon *ngIf=\"orderLines\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ChevronUpRegular)\"></co-icon>\n            </div>\n            <div class=\"line-content-left\">\n              <div class=\"planning-relation\">\n                <span [textContent]=\"order?.relationName\"></span>\n              </div>\n              <div class=\"planning-address\" *ngIf=\"linesActive || isActive\">\n                <span [textContent]=\"order?.shortAddress\"></span>\n              </div>\n            </div>\n          </div>\n          <div class=\"planning-line-right\">\n            <div class=\"line-content-right\">\n              <div class=\"planning-order\">\n                <co-icon (click)=\"setLinesActive()\"\n                         [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"></co-icon>\n                <a href=\"javascript:void(0)\" [textContent]=\"order?.transactionNr\" (click)=\"handleEditOrderEvent(order)\"></a>\n\n              </div>\n              <div class=\"planning-time\" *ngIf=\"linesActive || isActive\">\n                <span\n                  [textContent]=\"(order?.startTime | date: 'HH:mm') + ' - ' + (order?.endTime | date: 'HH:mm')\"></span>\n              </div>\n            </div>\n            <div class=\"planning-line-actions\">\n              <co-icon *ngIf=\"linesActive || isActive\" (click)=\"handleDeleteOrderClick(order)\"\n                       [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n              <co-icon *ngIf=\"!linesActive\" [class.hidden]=\"isActive\" [iconData]=\"iconCacheService.getIcon(icons.ChevronRightRegular)\"></co-icon>\n            </div>\n          </div>\n        </div>\n        <div class=\"order-line-list-wrapper\" *ngIf=\"orderLines\">\n          <div class=\"order-lines\" *ngFor=\"let line of getPlannedLines(order?.lines)\">\n            <span [textContent]=\"line.articleNumber\"></span>\n            <span [textContent]=\"line.description\"></span>\n            <co-icon *ngIf=\"linesActive || isActive\" (click)=\"handleDeleteOrderLineClick(order, line)\"\n                     [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n          </div>\n        </div>\n      </div>\n    ",
+                    template: "\n      <div class=\"planning-line-wrapper\" (click)=\"setLinesActive()\" [class.normal-mode]=\"isActive\" [class.active-lines]=\"linesActive || isActive\">\n        <div class=\"planning-line-content\" (click)=\"showNormalOrderLines($event)\">\n          <div class=\"planning-line-left\">\n            <div class=\"line-content-left\">\n              <div class=\"planning-relation\">\n                <span [textContent]=\"order?.relationName\"></span>\n              </div>\n              <div class=\"planning-address\" *ngIf=\"linesActive || isActive\">\n                <span [textContent]=\"order?.shortAddress\"></span>\n              </div>\n            </div>\n          </div>\n          <div class=\"planning-line-right\">\n            <div class=\"line-content-right\">\n              <div class=\"planning-order\">\n                <co-icon (click)=\"setLinesActive()\"\n                         [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"></co-icon>\n                <a href=\"javascript:void(0)\" [textContent]=\"order?.transactionNr\" (click)=\"handleEditOrderEvent(order)\"></a>\n\n              </div>\n              <div class=\"planning-time\" *ngIf=\"linesActive || isActive\">\n                <span\n                  [textContent]=\"(order?.startTime | date: 'HH:mm') + ' - ' + (order?.endTime | date: 'HH:mm')\"></span>\n              </div>\n            </div>\n            <div class=\"planning-line-actions\">\n              <co-icon *ngIf=\"linesActive || isActive\" (click)=\"handleDeleteOrderClick(order)\"\n                       [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n              <co-icon *ngIf=\"!linesActive\" [class.hidden]=\"isActive\" [iconData]=\"iconCacheService.getIcon(icons.ChevronRightRegular)\"></co-icon>\n            </div>\n          </div>\n        </div>\n        <div class=\"order-line-list-wrapper\" *ngIf=\"linesActive\">\n          <div class=\"order-lines\" *ngFor=\"let line of getPlannedLines(order?.lines)\">\n            <span [textContent]=\"line.articleNumber\"></span>\n            <span [textContent]=\"line.description\"></span>\n            <co-icon *ngIf=\"linesActive || isActive\" (click)=\"handleDeleteOrderLineClick(order, line)\"\n                     [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n          </div>\n        </div>\n      </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -57934,6 +58048,35 @@
                 },] }
     ];
 
+    var DialogTransactionHeaderBranchComponent = /** @class */ (function (_super) {
+        __extends(DialogTransactionHeaderBranchComponent, _super);
+        function DialogTransactionHeaderBranchComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.buttonType = AppPopupButtonType;
+            return _this;
+        }
+        DialogTransactionHeaderBranchComponent.prototype.showClass = function () {
+            return true;
+        };
+        DialogTransactionHeaderBranchComponent.prototype.handleValueChange = function (value) {
+            this.value = value;
+        };
+        DialogTransactionHeaderBranchComponent.prototype.handleOkClick = function () {
+            this.onClose(AppPopupButtonType.Ok, this.value);
+        };
+        return DialogTransactionHeaderBranchComponent;
+    }(DialogTransactionHeaderBaseComponent));
+    DialogTransactionHeaderBranchComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-dialog-transaction-header-branch",
+                    template: "\n      <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"handleCloseDialog($event, buttonType.Cancel)\">\n        <co-transaction-header-branch\n          [useModel]=\"useModel\"\n          [searchText]=\"searchText\"\n          (valueChange)=\"handleValueChange($event)\"\n        ></co-transaction-header-branch>\n      </co-dialog>\n      <ng-template #dialogHeader>\n        <co-dialog-header-search [title]=\"'BRANCH'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n      </ng-template>\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n          <co-button class=\"save-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"handleOkClick()\"></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                     (click)=\"handleCloseDialog($event, buttonType.Cancel)\"></co-button>\n        </div>\n      </ng-template>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    DialogTransactionHeaderBranchComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-header-branch",] }]
+    };
+
     var DialogTransactionHeaderBranchModule = /** @class */ (function () {
         function DialogTransactionHeaderBranchModule() {
         }
@@ -57958,6 +58101,29 @@
                 },] }
     ];
 
+    var DialogBranchModule = /** @class */ (function () {
+        function DialogBranchModule() {
+        }
+        return DialogBranchModule;
+    }());
+    DialogBranchModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.CoDialogModule,
+                        DialogHeaderSearchModule,
+                        corecomponents_v12.ButtonModule,
+                        TransactionLineCheckboxModule
+                    ],
+                    declarations: [
+                        DialogBranchComponent
+                    ],
+                    exports: [
+                        DialogBranchComponent
+                    ]
+                },] }
+    ];
+
     var TransactionSalesReservationPopupComponent = /** @class */ (function () {
         function TransactionSalesReservationPopupComponent(iconCacheService, salesReservationService, _transactionService, _transactionHeaderService) {
             this.iconCacheService = iconCacheService;
@@ -58044,15 +58210,14 @@
                         TransactionButtonModule,
                         corecomponents_v12.ScreenConfigurationModule,
                         TransactionServiceOverviewModule,
-                        TransactionLinesSidePanelModule,
                         TransactionCardsModule,
                         TransactionMarginModule,
                         ClickBlockModule,
                         DialogTransactionLineWarehouseCcModule,
                         DialogTransactionHeaderBranchModule,
+                        DialogBranchModule,
                         TransactionPurchaseReservationOrderTileModule,
-                        corecomponents_v12.CoDialogModule,
-                        corecomponents_v12.ButtonModule,
+                        corecomponents_v12.CoDialogModule
                     ],
                     declarations: [
                         TransactionInternalComponent,
@@ -60413,16 +60578,18 @@
     exports["ɵys"] = TransactionLineWarehouseCcInterbranchComponent;
     exports["ɵyt"] = DialogTransactionHeaderBranchModule;
     exports["ɵyu"] = DialogTransactionHeaderBranchComponent;
-    exports["ɵyv"] = TransactionInternalComponent;
-    exports["ɵyw"] = TransactionSalesReservationPopupComponent;
-    exports["ɵyx"] = TransactionCashRegisterOrderReceiptDialogModule;
-    exports["ɵyy"] = TransactionCashRegisterOrderReceiptDialogComponent;
-    exports["ɵyz"] = SaveCancelButtonsModule;
+    exports["ɵyv"] = DialogBranchModule;
+    exports["ɵyw"] = DialogBranchComponent;
+    exports["ɵyx"] = TransactionInternalComponent;
+    exports["ɵyy"] = TransactionSalesReservationPopupComponent;
+    exports["ɵyz"] = TransactionCashRegisterOrderReceiptDialogModule;
     exports["ɵz"] = CharacteristicAnswerModule;
-    exports["ɵza"] = SaveCancelButtonsComponent;
-    exports["ɵzb"] = TransactionTagComponent;
-    exports["ɵzc"] = SimpleVerticalStepperModule;
-    exports["ɵzd"] = SimpleVerticalStepperComponent;
+    exports["ɵza"] = TransactionCashRegisterOrderReceiptDialogComponent;
+    exports["ɵzb"] = SaveCancelButtonsModule;
+    exports["ɵzc"] = SaveCancelButtonsComponent;
+    exports["ɵzd"] = TransactionTagComponent;
+    exports["ɵze"] = SimpleVerticalStepperModule;
+    exports["ɵzf"] = SimpleVerticalStepperComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });