@colijnit/transaction 255.1.36 → 255.1.37

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "255.1.36";
-            this.publishDate = "10-9-2024 22:23:01";
+            this.symVer = "255.1.37";
+            this.publishDate = "11-9-2024 10:43:26";
         }
         return Version;
     }());
@@ -1289,7 +1289,7 @@
             this.scrollContent = new rxjs.Subject();
             // public readonly commitReceivePurchaseOrders: Subject<{date: Date, id: string}> = new Subject<{date: Date, id: string}>();
             this.selectAllLines = new rxjs.Subject();
-            this.transactionHeaderDirty = new rxjs.Subject();
+            this.transactionDirty = new rxjs.Subject();
             this.transactionLineChanged = new rxjs.Subject();
             this.transactionLineCheckboxChanged = new rxjs.Subject();
             this.transactionLineRefTransactionsChanged = new rxjs.BehaviorSubject(undefined);
@@ -1369,6 +1369,8 @@
             this.reservationSalesOrderLineClicked = new rxjs.Subject();
             this.requestCreateServiceOrderFromTransactionLine = new rxjs.Subject();
             this.blockScreen = new rxjs.BehaviorSubject(false);
+            this.saveTransactionClick = new rxjs.Subject();
+            this.cancelTransactionClick = new rxjs.Subject();
         }
         return TransactionEventService;
     }());
@@ -3521,6 +3523,9 @@
                 });
             });
         };
+        TransactionConnectorAdapterService.prototype.rollbackBeacon = function () {
+            return this.connector.rollbackBeacon();
+        };
         TransactionConnectorAdapterService.prototype.createTransaction = function (kind, branchNr) {
             var _this = this;
             return new Promise(function (resolve, reject) {
@@ -9135,6 +9140,9 @@
         TransactionConnectorService.prototype.rollback = function () {
             return this._adapterService.rollback();
         };
+        TransactionConnectorService.prototype.rollbackBeacon = function () {
+            return this._adapterService.rollbackBeacon();
+        };
         TransactionConnectorService.prototype.saveTransaction = function (uuid, showLoader) {
             if (showLoader === void 0) { showLoader = false; }
             return this._adapterService.saveTransaction(uuid, showLoader);
@@ -12934,6 +12942,7 @@
             _this.transactionKindSet = new rxjs.BehaviorSubject(false);
             _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;
             _this.invoiceAddressSameAsDelivery = true;
             _this.getRelationOnRememberCurrentTransaction = true;
@@ -12964,6 +12973,7 @@
             _this._alreadyLocked = false;
             _this._transactionDirty = false;
             _this._salesOrderConfirmationSent = false;
+            _this._subs = [];
             return _this;
         }
         Object.defineProperty(TransactionBaseService.prototype, "activeRubric", {
@@ -13132,7 +13142,7 @@
             },
             set: function (value) {
                 this._transactionDirty = value;
-                this.transactionEventService.transactionHeaderDirty.next(this._transactionDirty);
+                this.transactionEventService.transactionDirty.next(this._transactionDirty);
             },
             enumerable: false,
             configurable: true
@@ -13147,6 +13157,7 @@
         TransactionBaseService.prototype.init = function (options, resetCurrentTransaction) {
             if (resetCurrentTransaction === void 0) { resetCurrentTransaction = true; }
             return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
@@ -13165,6 +13176,12 @@
                             return [4 /*yield*/, this.connector.connect()];
                         case 4:
                             _a.sent();
+                            this._subs.push(this.transactionEventService.saveTransactionClick.subscribe(function () {
+                                _this.transactionEventService.blockScreen.next(true);
+                                _this.saveTransactionAndCommit();
+                            }), this.transactionEventService.cancelTransactionClick.subscribe(function () {
+                                _this.rollback(true, true);
+                            }));
                             return [2 /*return*/];
                     }
                 });
@@ -13231,14 +13248,18 @@
             this.resetLockTransaction();
             return this.connector.commit();
         };
-        TransactionBaseService.prototype.rollback = function (refresh) {
+        TransactionBaseService.prototype.rollback = function (refresh, force) {
             if (refresh === void 0) { refresh = false; }
+            if (force === void 0) { force = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var rollbackSuccess;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             this.transactionEventService.blockScreen.next(false);
+                            if (this.manualSaveParam && !force) {
+                                return [2 /*return*/, true];
+                            }
                             return [4 /*yield*/, this.connector.rollback()];
                         case 1:
                             rollbackSuccess = _a.sent();
@@ -13253,6 +13274,18 @@
                 });
             });
         };
+        TransactionBaseService.prototype.rollbackBeacon = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.rollbackBeacon()];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         TransactionBaseService.prototype.searchTransactions = function (request) {
             return this.connector.searchTransactions(request);
         };
@@ -13685,10 +13718,11 @@
                         case 5:
                             hasPendingReasons = response.headerOperationStatuses.filter(function (los) { return los.pendingReason !== "REASON_NONE"; }).length > 0;
                             if (!!hasPendingReasons) return [3 /*break*/, 8];
-                            if (!((this.autoSave && saveTransaction) || overrideSave)) return [3 /*break*/, 6];
+                            if (!((this.autoSave && saveTransaction && !this.manualSaveParam) || overrideSave)) return [3 /*break*/, 6];
                             return [2 /*return*/, this.saveTransactionAndCommit(response)];
-                        case 6: // just replace transaction object
-                        return [4 /*yield*/, this.rememberCurrentTransaction(response)];
+                        case 6:
+                            this.transactionEventService.blockScreen.next(false);
+                            return [4 /*yield*/, this.rememberCurrentTransaction(response)];
                         case 7:
                             _b.sent();
                             _b.label = 8;
@@ -13748,9 +13782,10 @@
                                 }
                                 this.transactionLineAdded = false;
                             }
-                            if (!(this.autoSave && saveTransaction)) return [3 /*break*/, 5];
+                            if (!(this.autoSave && saveTransaction && !this.manualSaveParam)) return [3 /*break*/, 5];
                             return [2 /*return*/, this.saveTransactionAndCommit(response)];
                         case 5:
+                            this.transactionEventService.blockScreen.next(false);
                             if (!rememberTransaction) return [3 /*break*/, 7];
                             return [4 /*yield*/, this.rememberCurrentTransaction(response)];
                         case 6:
@@ -14074,17 +14109,30 @@
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            // @ts-ignore
                             _a = this;
-                            return [4 /*yield*/, this.getInternalParameter('JS_PICKINGLIJST')];
+                            return [4 /*yield*/, this.getInternalParameter(internalParam_enum.InternalParam.PickingList)];
                         case 1:
-                            // @ts-ignore
                             _a.internalParameterJsPickingList = _b.sent();
                             return [2 /*return*/];
                     }
                 });
             });
         };
+        TransactionService.prototype.prepareManualSaveInternalParam = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = this;
+                            return [4 /*yield*/, this.getInternalParameter(internalParam_enum.InternalParam.TransManualSave)];
+                        case 1:
+                            _a.manualSaveParam = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         TransactionService.prototype.prepareDropShipmentInternalParam = function () {
             var _this = this;
             this.getInternalParameter(internalParam_enum.InternalParam.DropShipment).then(function (value) { return _this.internalParameterAllowsDropShipment = value; });
@@ -14245,6 +14293,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleHeaderOperationStatuses(response, saveTransaction)];
                             }
                             return [2 /*return*/, false];
@@ -14262,6 +14311,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleHeaderOperationStatuses(response, saveTransaction)];
                             }
                             return [2 /*return*/, false];
@@ -14972,6 +15022,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -14988,6 +15039,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15004,6 +15056,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15020,6 +15073,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15036,6 +15090,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15052,6 +15107,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15082,6 +15138,7 @@
                         case 1:
                             response = _a.sent();
                             if (!response) return [3 /*break*/, 3];
+                            this.transactionDirty = true;
                             return [4 /*yield*/, this.handleLineOperationStatuses(response, false, false)];
                         case 2:
                             _a.sent();
@@ -15103,6 +15160,7 @@
                         case 1:
                             response = _a.sent();
                             if (!response) return [3 /*break*/, 3];
+                            this.transactionDirty = true;
                             return [4 /*yield*/, this.handleLineOperationStatuses(response, saveTransaction, rememberTransaction)];
                         case 2:
                             _a.sent();
@@ -15122,6 +15180,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15138,6 +15197,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15154,6 +15214,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15170,6 +15231,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15186,6 +15248,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15202,6 +15265,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15218,6 +15282,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15236,6 +15301,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15252,6 +15318,7 @@
                         case 1:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15516,6 +15583,7 @@
                         case 2:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleHeaderOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -15614,6 +15682,7 @@
                         case 1:
                             response = _a.sent();
                             if (response !== null) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response, saveTransaction)];
                             }
                             else {
@@ -15780,6 +15849,7 @@
                             return [4 /*yield*/, this.connector.addTextLineToTransaction(this.currentTransaction.transactionInfo.uuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr)];
                         case 3:
                             response = _a.sent();
+                            this.transactionDirty = true;
                             return [2 /*return*/, this.handleLineOperationStatuses(response)];
                         case 4: return [2 /*return*/, false];
                     }
@@ -15798,6 +15868,7 @@
                             return [4 /*yield*/, this.connector.updateTextLine(uuid, lineUuid, showOnDocuments, text)];
                         case 2:
                             response = _a.sent();
+                            this.transactionDirty = true;
                             return [2 /*return*/, this.handleLineOperationStatuses(response)];
                         case 3: return [2 /*return*/, false];
                     }
@@ -15816,6 +15887,7 @@
                             return [4 /*yield*/, this.connector.changeLineSequence(this.currentTransaction.transactionInfo.uuid, lineUuid, aboveLineNr, belowLineNr)];
                         case 2:
                             response = _a.sent();
+                            this.transactionDirty = true;
                             return [2 /*return*/, this.handleLineOperationStatuses(response)];
                         case 3: return [2 /*return*/, false];
                     }
@@ -15830,6 +15902,7 @@
                         case 0: return [4 /*yield*/, this.connector.deleteTransactionLine(transactionUuid, TransactionLineUuid)];
                         case 1:
                             response = _a.sent();
+                            this.transactionDirty = true;
                             return [2 /*return*/, this.handleLineOperationStatuses(response)];
                     }
                 });
@@ -15843,6 +15916,7 @@
                         case 0: return [4 /*yield*/, this.connector.changeTransactionLineQuantity(transactionUuid, lineUuid, newQuantity)];
                         case 1:
                             response = _a.sent();
+                            this.transactionDirty = true;
                             return [2 /*return*/, this.handleLineOperationStatuses(response)];
                     }
                 });
@@ -15874,6 +15948,7 @@
                             this.transactionEventService.updatingPurchaseOrderReceiveGoods.next(false);
                             success = true;
                             if (!response) return [3 /*break*/, 4];
+                            this.transactionDirty = true;
                             return [4 /*yield*/, this.handleHeaderOperationStatuses(response)];
                         case 3:
                             success = _a.sent();
@@ -15900,6 +15975,7 @@
                             this.transactionEventService.updatingPurchaseOrderReceiveGoods.next(false);
                             success = true;
                             if (!response) return [3 /*break*/, 4];
+                            this.transactionDirty = true;
                             return [4 /*yield*/, this.handleHeaderOperationStatuses(response)];
                         case 3:
                             success = _a.sent();
@@ -15926,6 +16002,7 @@
                             this.transactionEventService.updatingPurchaseOrderAllocateGoods.next(false);
                             success = true;
                             if (!response) return [3 /*break*/, 4];
+                            this.transactionDirty = true;
                             return [4 /*yield*/, this.handleHeaderOperationStatuses(response)];
                         case 3:
                             success = _a.sent();
@@ -15952,6 +16029,7 @@
                             this.transactionEventService.updatingPurchaseOrderAllocateGoods.next(false);
                             success = true;
                             if (!response) return [3 /*break*/, 4];
+                            this.transactionDirty = true;
                             return [4 /*yield*/, this.handleHeaderOperationStatuses(response)];
                         case 3:
                             success = _a.sent();
@@ -15978,6 +16056,7 @@
                             this.transactionEventService.updatingSalesOrderGoodsToBePicked.next(false);
                             success = true;
                             if (!response) return [3 /*break*/, 4];
+                            this.transactionDirty = true;
                             return [4 /*yield*/, this.handleHeaderOperationStatuses(response)];
                         case 3:
                             success = _a.sent();
@@ -16004,6 +16083,7 @@
                             this.transactionEventService.updatingSalesOrderGoodsPicked.next(false);
                             success = true;
                             if (!response) return [3 /*break*/, 4];
+                            this.transactionDirty = true;
                             return [4 /*yield*/, this.handleHeaderOperationStatuses(response)];
                         case 3:
                             success = _a.sent();
@@ -16028,6 +16108,7 @@
                             response = _a.sent();
                             success = true;
                             if (!response) return [3 /*break*/, 4];
+                            this.transactionDirty = true;
                             return [4 /*yield*/, this.handleHeaderOperationStatuses(response)];
                         case 3:
                             success = _a.sent();
@@ -16052,6 +16133,7 @@
                             response = _a.sent();
                             success = true;
                             if (!response) return [3 /*break*/, 4];
+                            this.transactionDirty = true;
                             return [4 /*yield*/, this.handleHeaderOperationStatuses(response)];
                         case 3:
                             success = _a.sent();
@@ -17221,6 +17303,7 @@
                         case 2: return [4 /*yield*/, _a.sent()];
                         case 3:
                             response = _a.sent();
+                            this.transactionDirty = true;
                             return [2 /*return*/, this.handleLineOperationStatuses(response)];
                         case 4: return [2 /*return*/, false];
                     }
@@ -17240,6 +17323,7 @@
                         case 2: return [4 /*yield*/, _a.sent()];
                         case 3:
                             response = _a.sent();
+                            this.transactionDirty = true;
                             return [2 /*return*/, this.handleLineOperationStatuses(response)];
                         case 4: return [2 /*return*/, false];
                     }
@@ -17259,6 +17343,7 @@
                         case 2:
                             response = _a.sent();
                             if (response) {
+                                this.transactionDirty = true;
                                 return [2 /*return*/, this.handleLineOperationStatuses(response)];
                             }
                             return [2 /*return*/, false];
@@ -17748,11 +17833,14 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.prepareMLocatInternalParam()];
+                        case 0: return [4 /*yield*/, this.prepareManualSaveInternalParam()];
                         case 1:
                             _a.sent();
-                            return [4 /*yield*/, this.preparePakBinnenInternalParam()];
+                            return [4 /*yield*/, this.prepareMLocatInternalParam()];
                         case 2:
+                            _a.sent();
+                            return [4 /*yield*/, this.preparePakBinnenInternalParam()];
+                        case 3:
                             _a.sent();
                             return [2 /*return*/];
                     }
@@ -36104,7 +36192,7 @@
                     if (_this.form.formGroup.dirty) {
                         _this.setFormDirty();
                     }
-                }), this.transactionEventService.transactionHeaderDirty.subscribe(function (dirty) {
+                }), this.transactionEventService.transactionDirty.subscribe(function (dirty) {
                     if (dirty) {
                         _this.setFormDirty();
                     }
@@ -53216,18 +53304,22 @@
     ];
 
     var TransactionComponent = /** @class */ (function () {
-        function TransactionComponent(service, _transactionConnectorService, _screenConfigurationService, _changeDetector, _purchaseConfirmationService) {
+        function TransactionComponent(service, _transactionConnectorService, _screenConfigurationService, _changeDetector, _purchaseConfirmationService, _dictionaryService, _dialogService) {
             this.service = service;
             this._transactionConnectorService = _transactionConnectorService;
             this._screenConfigurationService = _screenConfigurationService;
             this._changeDetector = _changeDetector;
             this._purchaseConfirmationService = _purchaseConfirmationService;
+            this._dictionaryService = _dictionaryService;
+            this._dialogService = _dialogService;
             this.cfgNames = exports.TransactionCfgName;
             this.relation = new customerFullObject_bo.CustomerFullObject();
             this.showHeader = true;
             this.showViewModeButtons = true;
             this.showQuickAccess = true;
             this.showButtonBar = true;
+            this.showSaveCancelLabels = false;
+            this.saveCancelMovable = false;
             this.screenConfigLoaded = false;
         }
         Object.defineProperty(TransactionComponent.prototype, "confirmationAnalysisId", {
@@ -53270,13 +53362,21 @@
         TransactionComponent.prototype.showClass = function () {
             return true;
         };
+        TransactionComponent.prototype.checkTransaction = function () {
+            return this._checkTransactionDirty();
+        };
+        TransactionComponent.prototype.checkRollBack = function () {
+            if (this.service.transactionDirty && this.service.manualSaveParam) {
+                this.service.rollbackBeacon();
+            }
+        };
         TransactionComponent.prototype.ngOnChanges = function (changes) {
             if (changes && changes.hasOwnProperty('confirmationAnalysisId')) {
                 this._changeDetector.markForCheck();
             }
         };
-        TransactionComponent.prototype.addExternalOrderLines = function (request) {
-            this.service.addExternalCatalogArticle(request);
+        TransactionComponent.prototype._checkTransactionDirty = function () {
+            return !(this.service.transactionDirty && this.service.manualSaveParam);
         };
         TransactionComponent.prototype._getTransaction = function () {
             var _this = this;
@@ -53317,7 +53417,7 @@
     TransactionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction',
-                    template: "\n        <co-transaction-internal *ngIf=\"screenConfigLoaded\"\n                                 [(relation)]=\"relation\"\n                                 [showHeader]=\"showHeader\"\n                                 [showQuickAccess]=\"showQuickAccess\"\n                                 [showButtonBar]=\"showButtonBar\"\n                                 [showViewModeButtons]=\"showViewModeButtons\"\n                                 [confirmationAnalysisId]=\"confirmationAnalysisId\"\n                                 [posOrderData]=\"posOrderData\"\n        ></co-transaction-internal>\n    ",
+                    template: "\n        <co-save-cancel-buttons *ngIf=\"service.manualSaveParam\"\n                                [saveIconData]=\"saveIconData\"\n                                [cancelIconData]=\"cancelIconData\"\n                                [showLabels]=\"showSaveCancelLabels\"\n                                [movable]=\"saveCancelMovable\"\n        ></co-save-cancel-buttons>\n        <co-transaction-internal *ngIf=\"screenConfigLoaded\"\n                                 [(relation)]=\"relation\"\n                                 [showHeader]=\"showHeader\"\n                                 [showQuickAccess]=\"showQuickAccess\"\n                                 [showButtonBar]=\"showButtonBar\"\n                                 [showViewModeButtons]=\"showViewModeButtons\"\n                                 [confirmationAnalysisId]=\"confirmationAnalysisId\"\n                                 [posOrderData]=\"posOrderData\"\n        ></co-transaction-internal>\n    ",
                     providers: [
                         { provide: corecomponents_v12.BaseModuleScreenConfigService, useExisting: TransactionScreenConfigurationService }
                     ],
@@ -53329,7 +53429,9 @@
         { type: TransactionConnectorService },
         { type: TransactionScreenConfigurationService },
         { type: i0.ChangeDetectorRef },
-        { type: PurchaseConfirmationService }
+        { type: PurchaseConfirmationService },
+        { type: DictionaryService },
+        { type: DialogService }
     ]; };
     TransactionComponent.propDecorators = {
         relation: [{ type: i0.Input }],
@@ -53341,7 +53443,13 @@
         showViewModeButtons: [{ type: i0.Input }],
         showQuickAccess: [{ type: i0.Input }],
         showButtonBar: [{ type: i0.Input }],
-        showClass: [{ type: i0.HostBinding, args: ['class.co-transaction',] }]
+        saveIconData: [{ type: i0.Input }],
+        cancelIconData: [{ type: i0.Input }],
+        showSaveCancelLabels: [{ type: i0.Input }],
+        saveCancelMovable: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ['class.co-transaction',] }],
+        checkTransaction: [{ type: i0.HostListener, args: ['window:beforeunload',] }],
+        checkRollBack: [{ type: i0.HostListener, args: ['window:unload',] }]
     };
 
     /**
@@ -53774,6 +53882,99 @@
                 },] }
     ];
 
+    var SaveCancelButtonsComponent = /** @class */ (function () {
+        function SaveCancelButtonsComponent(iconCacheService, _transactionEventService) {
+            var _this = this;
+            this.iconCacheService = iconCacheService;
+            this._transactionEventService = _transactionEventService;
+            this.icons = Icon;
+            this.showLabels = true;
+            this.movable = false;
+            this.show = false;
+            this._mouseDown = false;
+            // @HostBinding('style.top.px')
+            this._top = 0;
+            // @HostBinding('style.left.px')
+            this._left = 0;
+            this._subs = [];
+            this._subs.push(this._transactionEventService.transactionDirty.subscribe(function (dirty) { return _this.show = dirty; }));
+        }
+        SaveCancelButtonsComponent.prototype.showClass = function () {
+            return true;
+        };
+        SaveCancelButtonsComponent.prototype.ngOnDestroy = function () {
+            this._subs.forEach(function (s) { return s.unsubscribe(); });
+            this.saveCancelButtonsWrapper = undefined;
+        };
+        SaveCancelButtonsComponent.prototype.handleMouseDown = function (event) {
+            this._mouseDown = this.movable;
+            // if (this.saveCancelButtonsWrapper && this.saveCancelButtonsWrapper.nativeElement && this._mouseDown) {
+            //   const rect = this.saveCancelButtonsWrapper.nativeElement.getBoundingClientRect();
+            //   this._top = rect.top;
+            //   this._left = rect.left;
+            // }
+        };
+        SaveCancelButtonsComponent.prototype.handleMouseUp = function (event) {
+            this._mouseDown = false;
+        };
+        SaveCancelButtonsComponent.prototype.handleMouseMove = function (event) {
+            if (this._mouseDown) {
+                // this._top = this._top + event.movementY;
+                // this._left = this._left + event.movementX;
+            }
+        };
+        SaveCancelButtonsComponent.prototype.handleSaveClick = function (event) {
+            event.preventDefault();
+            this._transactionEventService.saveTransactionClick.next();
+        };
+        SaveCancelButtonsComponent.prototype.handleCancelClick = function (event) {
+            event.preventDefault();
+            this._transactionEventService.cancelTransactionClick.next();
+        };
+        return SaveCancelButtonsComponent;
+    }());
+    SaveCancelButtonsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-save-cancel-buttons',
+                    template: "\n      <ng-container *ngIf=\"show\">\n        <div class=\"save-cancel-buttons-wrapper\" #saveCancelButtonsWrapper\n             [class.movable]=\"movable\"\n             (mousedown)=\"handleMouseDown($event)\"\n             (mouseup)=\"handleMouseUp($event)\"\n             (mousemove)=\"handleMouseMove($event)\">\n            <ng-container *ngIf=\"showLabels\">\n                <co-button class=\"save-button\" [label]=\"'SAVE' | localize\" [title]=\"'SAVE' | localize\"\n                           [iconData]=\"saveIconData || iconCacheService.getIcon(icons.CheckThin)\"\n                            (onClick)=\"handleSaveClick($event)\"></co-button>\n                <co-button class=\"cancel-button\" [label]=\"'CANCEL' | localize\" [title]=\"'CANCEL' | localize\"\n                           [iconData]=\"cancelIconData || iconCacheService.getIcon(icons.Crossskinny)\"\n                            (onClick)=\"handleCancelClick($event)\"></co-button>\n            </ng-container>\n            <ng-container *ngIf=\"!showLabels\">\n                <div class=\"icon-wrapper save-icon\">\n                  <co-icon [title]=\"'SAVE' | localize\"\n                           [iconData]=\"saveIconData || iconCacheService.getIcon(icons.CheckThin)\"\n                              (click)=\"handleSaveClick($event)\"></co-icon>\n                </div>\n                <div class=\"icon-wrapper cancel-icon\">\n                  <co-icon [title]=\"'CANCEL' | localize\"\n                           [iconData]=\"cancelIconData || iconCacheService.getIcon(icons.Crossskinny)\"\n                              (click)=\"handleCancelClick($event)\"></co-icon>\n                </div>\n            </ng-container>\n        </div>\n      </ng-container>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    SaveCancelButtonsComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: TransactionEventService }
+    ]; };
+    SaveCancelButtonsComponent.propDecorators = {
+        saveCancelButtonsWrapper: [{ type: i0.ViewChild, args: ['saveCancelButtonsWrapper', { read: i0.ElementRef },] }],
+        saveIconData: [{ type: i0.Input }],
+        cancelIconData: [{ type: i0.Input }],
+        showLabels: [{ type: i0.Input }],
+        movable: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ['class.co-save-cancel-buttons',] }]
+    };
+
+    var SaveCancelButtonsModule = /** @class */ (function () {
+        function SaveCancelButtonsModule() {
+        }
+        return SaveCancelButtonsModule;
+    }());
+    SaveCancelButtonsModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.ButtonModule,
+                        PipeModule,
+                        corecomponents_v12.IconModule
+                    ],
+                    declarations: [
+                        SaveCancelButtonsComponent
+                    ],
+                    exports: [
+                        SaveCancelButtonsComponent
+                    ]
+                },] }
+    ];
+
     var TransactionModule = /** @class */ (function () {
         function TransactionModule() {
         }
@@ -53786,7 +53987,8 @@
                         CoreModule,
                         TransactionInternalModule,
                         TransactionGridModule,
-                        TransactionCashRegisterOrderReceiptDialogModule
+                        TransactionCashRegisterOrderReceiptDialogModule,
+                        SaveCancelButtonsModule
                     ],
                     declarations: [
                         TransactionComponent
@@ -56282,14 +56484,16 @@
     exports["ɵyf"] = TransactionGridComponent;
     exports["ɵyg"] = TransactionCashRegisterOrderReceiptDialogModule;
     exports["ɵyh"] = TransactionCashRegisterOrderReceiptDialogComponent;
-    exports["ɵyi"] = TransactionTagComponent;
-    exports["ɵyj"] = CheckoutSimpleModule;
-    exports["ɵyk"] = CheckoutSimpleComponent;
-    exports["ɵyl"] = CheckoutSimpleOverviewRelationEditComponent;
-    exports["ɵym"] = CheckoutSimpleOverviewDeliveryEditComponent;
-    exports["ɵyn"] = CheckoutSimpleOverviewPaymentComponent;
-    exports["ɵyo"] = SimpleVerticalStepperModule;
-    exports["ɵyp"] = SimpleVerticalStepperComponent;
+    exports["ɵyi"] = SaveCancelButtonsModule;
+    exports["ɵyj"] = SaveCancelButtonsComponent;
+    exports["ɵyk"] = TransactionTagComponent;
+    exports["ɵyl"] = CheckoutSimpleModule;
+    exports["ɵym"] = CheckoutSimpleComponent;
+    exports["ɵyn"] = CheckoutSimpleOverviewRelationEditComponent;
+    exports["ɵyo"] = CheckoutSimpleOverviewDeliveryEditComponent;
+    exports["ɵyp"] = CheckoutSimpleOverviewPaymentComponent;
+    exports["ɵyq"] = SimpleVerticalStepperModule;
+    exports["ɵyr"] = SimpleVerticalStepperComponent;
     exports["ɵz"] = CharacteristicAnswerComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });