@colijnit/transaction 12.1.179 → 12.1.181

package/bundles/colijnit-transaction.umd.js

@@ -31,8 +31,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "12.1.179";
-            this.publishDate = "28-12-2023 18:39:19";
+            this.symVer = "12.1.181";
+            this.publishDate = "2-1-2024 14:25:17";
         }
         return Version;
     }());
@@ -4522,6 +4522,31 @@
                 });
             });
         };
+        TransactionConnectorAdapterService.prototype.changeHeaderTransactionCurrency = function (uuid, currencyCode) {
+            return __awaiter(this, void 0, void 0, function () {
+                var request, response;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            request = {
+                                transactionUuid: uuid,
+                                newCurrencyCode: currencyCode
+                            };
+                            return [4 /*yield*/, this.connector.changeHeaderCurrency(request)];
+                        case 1:
+                            response = _a.sent();
+                            if (response && response.validationResult && response.validationResult.success) {
+                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, response.resultObject)];
+                            }
+                            else {
+                                this._handleExceptionFromResponse(response);
+                                return [2 /*return*/, null];
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         TransactionConnectorAdapterService.prototype.changeHeaderTransactionMarketing = function (uuid, code) {
             return __awaiter(this, void 0, void 0, function () {
                 var request, response;
@@ -7781,6 +7806,13 @@
                 });
             });
         };
+        TransactionConnectorService.prototype.changeHeaderTransactionCurrency = function (uuid, currencyCode) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this._adapterService.changeHeaderTransactionCurrency(uuid, currencyCode)];
+                });
+            });
+        };
         TransactionConnectorService.prototype.changeHeaderTransactionMarketing = function (uuid, code) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -11593,15 +11625,20 @@
                 });
             });
         };
-        TransactionService.prototype.updateHeaderTransactionCurrency = function (uuid, currencyId, saveTransaction) {
+        TransactionService.prototype.updateHeaderTransactionCurrency = function (uuid, currencyCode, saveTransaction) {
             return __awaiter(this, void 0, void 0, function () {
+                var response;
                 return __generator(this, function (_a) {
-                    // not in middletier yet
-                    // const response: TransactionInfoResponse | boolean = await this.connector.changeHeaderTransactionCurrency(uuid, currencyId);
-                    // if (response) {
-                    //   return this.handleHeaderOperationStatuses(response);
-                    // }
-                    return [2 /*return*/, true];
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.changeHeaderTransactionCurrency(uuid, currencyCode)];
+                        case 1:
+                            response = _a.sent();
+                            if (response) {
+                                this.transactionDirty = true;
+                                return [2 /*return*/, this.handleHeaderOperationStatuses(response, saveTransaction)];
+                            }
+                            return [2 /*return*/, true];
+                    }
                 });
             });
         };
@@ -14508,6 +14545,7 @@
         RelationSuggestionsService.prototype.ngOnDestroy = function () {
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
         };
         RelationSuggestionsService.prototype.init = function (relationKind) {
@@ -14515,6 +14553,7 @@
             this.relationKind = relationKind;
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             this._componentRef = this._compFactoryResolver
                 .resolveComponentFactory(SuggestionsSidebarComponent)
@@ -19052,6 +19091,7 @@
                     this.showCheckbox = this.canAllLinesBeDelivered && !this.lineIsDelivered;
                     this.selected = true;
                     this.checkboxReadonly = true;
+                    this.transactionEventService.lineSelectedForDelivery.next({ lineUuid: this.transactionLine.uuid, selected: this.transactionLine.selected });
                 }
                 this.detectChanges();
             }
@@ -19117,7 +19157,7 @@
             this._subs.push(this.transactionEventService.allLinesSelectedForDelivery.subscribe(function () { return __awaiter(_this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.transactionService.updateQuantitySelectedForAllLines(this.transaction, this.allSelected)];
+                        case 0: return [4 /*yield*/, this.transactionService.updateQuantitySelectedForAllLines(this.transaction, this.allSelected || !this.transactionInfo.allowPartialDelivery)];
                         case 1:
                             _a.sent();
                             return [2 /*return*/];
@@ -20270,7 +20310,7 @@
             this._subs.push(this.transactionEventService.allLinesSelectedForInvoice.subscribe(function () { return __awaiter(_this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.transactionService.updateQuantitySelectedForAllLines(this.transaction, this.allSelected)];
+                        case 0: return [4 /*yield*/, this.transactionService.updateQuantitySelectedForAllLines(this.transaction, this.allSelected || !this.transactionInfo.allowPartialDelivery)];
                         case 1:
                             _a.sent();
                             return [2 /*return*/];
@@ -20485,6 +20525,7 @@
                     this.showCheckbox = this.canAllLinesBeInvoiced && !this.lineIsInvoiced;
                     this.selected = true;
                     this.checkboxReadonly = true;
+                    this.transactionEventService.lineSelectedForInvoice.next({ lineUuid: this.transactionLine.uuid, selected: this.transactionLine.selected });
                 }
                 this.detectChanges();
             }
@@ -22610,7 +22651,9 @@
         TransactionLineComponent.prototype.ngOnDestroy = function () {
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
+            this._transactionLineContainer = undefined;
             _super.prototype.ngOnDestroy.call(this);
         };
         TransactionLineComponent.prototype.transactionInfoSet = function () {
@@ -22631,6 +22674,7 @@
             }
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -27527,128 +27571,168 @@
             this._relationService = _relationService;
             this._changeDetector = _changeDetector;
         }
-        AvatarComponent.prototype.showClass = function () {
-            return true;
-        };
-        Object.defineProperty(AvatarComponent.prototype, "initialsForAvatar", {
+        Object.defineProperty(AvatarComponent.prototype, "image", {
             get: function () {
-                return this._initials;
+                return this._image;
             },
             set: function (value) {
-                this._initials = value;
-                this._setBackgroundColor();
-                this._changeDetector.detectChanges();
+                this._image = value;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AvatarComponent.prototype, "relationForAvatar", {
+        Object.defineProperty(AvatarComponent.prototype, "relationId", {
             get: function () {
-                return this._relation;
+                return this._relationId;
             },
             set: function (value) {
-                this._relation = value;
-                this._setRelationForAvatar();
-                this._changeDetector.detectChanges();
+                this._relationId = value;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AvatarComponent.prototype, "relationIdForAvatar", {
+        Object.defineProperty(AvatarComponent.prototype, "relation", {
             get: function () {
-                return this._relationId;
+                return this._relation;
             },
             set: function (value) {
-                this._relationId = value;
-                this._setRelationIdForAvatar();
+                this._relation = value;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AvatarComponent.prototype, "imageForAvatar", {
+        AvatarComponent.prototype.showClass = function () {
+            return true;
+        };
+        Object.defineProperty(AvatarComponent.prototype, "initials", {
             get: function () {
-                return this._image;
+                return this._initials;
             },
             set: function (value) {
-                this._image = value;
-                this._setImageForAvatar();
+                this._initials = value;
+                this._setBackgroundColor();
             },
             enumerable: false,
             configurable: true
         });
-        AvatarComponent.prototype.ngOnChanges = function (changes) {
-            if ('image' in changes && changes['image'].currentValue) {
-                this._changeImage();
-            }
-            else if ('relationId' in changes || 'relation' in changes) {
-                this._changeRelation();
-            }
+        AvatarComponent.prototype.ngOnInit = function () {
+            this._setImageForAvatar();
         };
-        AvatarComponent.prototype._changeImage = function () {
-            this.imageForAvatar = this.image;
-        };
-        AvatarComponent.prototype._changeRelation = function () {
-            this.imageForAvatar = undefined;
-            this.initialsForAvatar = '';
-            this.backgroundColor = 'transparent';
-            if (this.relation) {
-                this.relationForAvatar = this.relation;
-            }
-            else if (this.relationId) {
-                this.relationIdForAvatar = this.relationId;
-            }
+        AvatarComponent.prototype._setImageForAvatar = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(this.image && this.image.documentId)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._getImageContent(this.image.documentId)];
+                        case 1:
+                            if (!(_a.sent())) {
+                                this._setImageFromRelation();
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            this._setImageFromRelation();
+                            _a.label = 3;
+                        case 3:
+                            this._changeDetector.detectChanges();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
-        AvatarComponent.prototype._setRelationIdForAvatar = function () {
-            var _this = this;
-            var request = new relationRequest.RelationRequest();
-            request.relationId = this._relationId;
-            this._relationService.getRelationListObjects(request).then(function (data) {
-                if (data && data.length > 0) {
-                    _this.relationForAvatar = data[0];
-                }
+        AvatarComponent.prototype._setImageFromRelation = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var request;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!this.relation) return [3 /*break*/, 4];
+                            if (!(this.relation.avatarImage && this.relation.avatarImage.documentId)) return [3 /*break*/, 2];
+                            this.image = this.relation.avatarImage;
+                            return [4 /*yield*/, this._getImageContent(this.image.documentId)];
+                        case 1:
+                            if (!(_a.sent())) {
+                                this._setRelationInitials();
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            this._setRelationInitials();
+                            _a.label = 3;
+                        case 3: return [3 /*break*/, 5];
+                        case 4:
+                            if (this.relationId) {
+                                request = new relationRequest.RelationRequest();
+                                request.relationId = this._relationId;
+                                this._relationService.getRelationListObjects(request).then(function (data) { return __awaiter(_this, void 0, void 0, function () {
+                                    return __generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0:
+                                                if (!(data && data.length > 0)) return [3 /*break*/, 3];
+                                                this.relation = data[0];
+                                                if (!(this.relation.avatarImage && this.relation.avatarImage.documentId)) return [3 /*break*/, 2];
+                                                this.image = this.relation.avatarImage;
+                                                return [4 /*yield*/, this._getImageContent(this.image.documentId)];
+                                            case 1:
+                                                if (!(_a.sent())) {
+                                                    this._setRelationInitials();
+                                                }
+                                                return [3 /*break*/, 3];
+                                            case 2:
+                                                this._setRelationInitials();
+                                                _a.label = 3;
+                                            case 3: return [2 /*return*/];
+                                        }
+                                    });
+                                }); });
+                            }
+                            _a.label = 5;
+                        case 5: return [2 /*return*/];
+                    }
+                });
             });
         };
-        AvatarComponent.prototype._setRelationForAvatar = function () {
-            if (this.relationForAvatar && this.relationForAvatar.avatarImage && this.relationForAvatar.avatarImage.documentId) {
-                this.imageForAvatar = this.relationForAvatar.avatarImage;
-            }
-            else {
-                this.imageForAvatar = undefined;
-            }
-            if (this.relationForAvatar && !this.imageForAvatar) {
-                this.initialsForAvatar = this.relationForAvatar.displayInitials;
+        AvatarComponent.prototype._setRelationInitials = function () {
+            if (this.relation) {
+                this.initials = this.relation.displayInitials;
+                this._setBackgroundColor();
             }
         };
-        AvatarComponent.prototype._setImageForAvatar = function () {
-            var _this = this;
-            if (this.imageForAvatar && this.imageForAvatar.documentId) {
-                this._transactionConnectorService.getDocumentContent(this.imageForAvatar.documentId)
-                    .then(function (content) {
-                    _this.imageForAvatar.thumbnailBody = content;
-                    _this.imageSrc = _this.imageForAvatar.thumbnailBodyAsDataUri;
-                    _this._changeDetector.detectChanges();
-                })
-                    .catch(function (e) {
-                    _this.imageSrc = "";
-                    _this._changeDetector.detectChanges();
+        AvatarComponent.prototype._getImageContent = function (docId) {
+            return __awaiter(this, void 0, void 0, function () {
+                var content;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._transactionConnectorService.getDocumentContent(docId)];
+                        case 1:
+                            content = _a.sent();
+                            if (content) {
+                                this.image.thumbnailBody = content;
+                                this.imageSrc = this.image.thumbnailBodyAsDataUri;
+                                this._changeDetector.detectChanges();
+                                return [2 /*return*/, true];
+                            }
+                            else {
+                                return [2 /*return*/, false];
+                            }
+                            return [2 /*return*/];
+                    }
                 });
-            }
-            else {
-                this.imageSrc = "";
-                this._changeDetector.detectChanges();
-            }
+            });
         };
         AvatarComponent.prototype._setBackgroundColor = function () {
-            if (this.relationForAvatar) {
-                this.backgroundColor = this._colorSequenceService.getRandomColor(this.relationForAvatar.relationId);
+            this.imageSrc = "";
+            if (this.relation) {
+                this.backgroundColor = this._colorSequenceService.getRandomColor(this.relation.relationId);
             }
+            this._changeDetector.detectChanges();
         };
         return AvatarComponent;
     }());
     AvatarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-avatar",
-                    template: "\n    <co-image-display [model]=\"imageSrc\" *ngIf=\"imageSrc; else showInitials\"></co-image-display>\n    <ng-template #showInitials>\n      <svg viewBox=\"0 0 30 30\">\n        <text x=\"50%\" y=\"50%\" dominant-baseline=\"central\" text-anchor=\"middle\">{{ initialsForAvatar }}</text>\n      </svg>\n    </ng-template>\n  ",
+                    template: "\n    <co-image-display [model]=\"imageSrc\" *ngIf=\"imageSrc; else showInitials\"></co-image-display>\n    <ng-template #showInitials>\n      <svg viewBox=\"0 0 30 30\">\n        <text x=\"50%\" y=\"50%\" dominant-baseline=\"central\" text-anchor=\"middle\">{{ initials }}</text>\n      </svg>\n    </ng-template>\n  ",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
@@ -29400,6 +29484,9 @@
         };
         TransactionHeaderDeliveryMethodComponent.prototype.transactionInfoSet = function () {
             _super.prototype.transactionInfoSet.call(this);
+            if (!this.transactionInfo.headerInfoStatus) {
+                return;
+            }
             this.headerReadonly = this.headerReadonly || this.transactionInfo.headerInfoStatus.isFullyDelivered || this.transactionInfo.headerInfoStatus.isFullyInvoiced;
             if (this.transactionInfo.headerInfoStatus.isFullyDelivered) {
                 this.addHeaderTooltipMessage(this.dictionaryService.get("COMPLETELY_DELIVERED"));
@@ -30631,13 +30718,13 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            if (!(this.transactionInfo.salesPerson !== relation)) return [3 /*break*/, 2];
+                            if (!(this.transactionInfo.salesPerson !== relation.relationId)) return [3 /*break*/, 2];
                             oldSalesPerson = this.transactionInfo.salesPerson;
-                            return [4 /*yield*/, this.transactionService.updateHeaderTransactionSalesPerson(this.transactionInfo.uuid, relation, this.lockAndSave)];
+                            return [4 /*yield*/, this.transactionService.updateHeaderTransactionSalesPerson(this.transactionInfo.uuid, relation.relationId, this.lockAndSave)];
                         case 1:
                             success = _a.sent();
                             if (!success) {
-                                this.transactionInfo.salesPerson = relation;
+                                this.transactionInfo.salesPerson = relation.relationId;
                                 this._setSalesPerson();
                                 return [2 /*return*/, success];
                             }
@@ -30721,13 +30808,13 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            if (!(this.transactionInfo.admCoordinator !== relation)) return [3 /*break*/, 2];
+                            if (!(this.transactionInfo.admCoordinator !== relation.relationId)) return [3 /*break*/, 2];
                             oldAdm = this.transactionInfo.admCoordinator;
-                            return [4 /*yield*/, this.transactionService.updateHeaderTransactionAdmCoordinator(this.transactionInfo.uuid, relation, this.lockAndSave)];
+                            return [4 /*yield*/, this.transactionService.updateHeaderTransactionAdmCoordinator(this.transactionInfo.uuid, relation.relationId, this.lockAndSave)];
                         case 1:
                             success = _a.sent();
                             if (!success) {
-                                this.transactionInfo.admCoordinator = relation;
+                                this.transactionInfo.admCoordinator = relation.relationId;
                                 this._setRelationModel();
                                 return [2 /*return*/, success];
                             }
@@ -30910,12 +30997,12 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            if (!(this.transactionInfo.currencyId !== currency)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.transactionService.updateHeaderTransactionCurrency(this.transactionInfo.uuid, currency, this.lockAndSave)];
+                            if (!(this.transactionInfo.currencyId !== currency.id)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.transactionService.updateHeaderTransactionCurrency(this.transactionInfo.uuid, currency.code, this.lockAndSave)];
                         case 1:
                             success = _a.sent();
                             if (!success) {
-                                this.transactionInfo.currencyId = currency;
+                                this.transactionInfo.currencyId = currency.id;
                                 this._setCurrencyModel();
                                 return [2 /*return*/, success];
                             }
@@ -33695,6 +33782,14 @@
         TransactionQuickAccessComponent.prototype.ngOnInit = function () {
             this._prepareContent();
         };
+        TransactionQuickAccessComponent.prototype.ngOnDestroy = function () {
+            if (this._componentRef) {
+                this._componentRef.destroy();
+                this._componentRef = undefined;
+            }
+            this.quickAccessContainer = undefined;
+            this.quickAccessContainer = undefined;
+        };
         TransactionQuickAccessComponent.prototype._prepareContent = function () {
             var _this = this;
             if (!this.transactionType || !this._activeCategory || !this._relation || !this.quickAccessContainer) {
@@ -33703,6 +33798,7 @@
             var componentClass = this._mappingService.getQuickAccessComponent(this.transactionType, this.activeCategory);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -34881,7 +34977,9 @@
         TransactionCardComponent.prototype.ngOnDestroy = function () {
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
+            this._transactionCardContainer = undefined;
             _super.prototype.ngOnDestroy.call(this);
         };
         TransactionCardComponent.prototype.transactionInfoSet = function () {
@@ -34896,6 +34994,7 @@
             var componentClass = this._mappingService.getTransactionCardComponent(this.transactionKind, this._activeCategory);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -38096,7 +38195,9 @@
         TransactionLinesSidePanelComponent.prototype.ngOnDestroy = function () {
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
+            this.sidePanelContainer = undefined;
         };
         TransactionLinesSidePanelComponent.prototype._prepareContent = function () {
             var _this = this;
@@ -38106,6 +38207,7 @@
             var componentClass = this._mappingService.getSidePanelComponent(this.transactionType);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -38857,6 +38959,14 @@
         TransactionGridComponent.prototype.showClass = function () {
             return true;
         };
+        TransactionGridComponent.prototype.ngOnDestroy = function () {
+            if (this._componentRef) {
+                this._componentRef.destroy();
+                this._componentRef = undefined;
+            }
+            this._transactionGridContainer = undefined;
+            _super.prototype.ngOnDestroy.call(this);
+        };
         TransactionGridComponent.prototype.transactionSet = function () {
             this._prepareContent();
         };
@@ -38868,6 +38978,7 @@
             var componentClass = this._mappingService.getTransactionGridComponent(this.transactionKind, this.activeCategory);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -39508,7 +39619,9 @@
         TransactionFilterComponent.prototype.ngOnDestroy = function () {
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
+            this._transactionFilterContainer = undefined;
         };
         TransactionFilterComponent.prototype._prepareContent = function () {
             var _this = this;
@@ -39518,6 +39631,7 @@
             var componentClass = this._mappingService.getTransactionFilterComponent(this.searchService.transactionType);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -40754,7 +40868,9 @@
         TransactionSearchGridComponent.prototype.ngOnDestroy = function () {
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
+            this._transactionSearchGridContainer = undefined;
         };
         TransactionSearchGridComponent.prototype._prepareContent = function () {
             var _this = this;
@@ -40764,6 +40880,7 @@
             var componentClass = this._mappingService.getTransactionSearchGridComponent(this.searchService.transactionType);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -41067,7 +41184,9 @@
         TransactionSearchTileComponent.prototype.ngOnDestroy = function () {
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
+            this._transactionSearchTileContainer = undefined;
         };
         TransactionSearchTileComponent.prototype._prepareContent = function () {
             var _this = this;
@@ -41077,6 +41196,7 @@
             var componentClass = this._mappingService.getTransactionSearchTileComponent(this.searchService.transactionType);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -41816,7 +41936,6 @@
 
     var TransactionTagsComponent = /** @class */ (function () {
         function TransactionTagsComponent(_transactionService, _transactionEventService, _transactionConnectorService, iconCacheService) {
-            var _this = this;
             this._transactionService = _transactionService;
             this._transactionEventService = _transactionEventService;
             this._transactionConnectorService = _transactionConnectorService;
@@ -41829,6 +41948,13 @@
             this._table = tableName_enum.TableName.Transactions;
             this._subs = [];
             this._loaded = false;
+            this._loading = false;
+        }
+        TransactionTagsComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionTagsComponent.prototype.ngOnInit = function () {
+            var _this = this;
             this._subs.push(this._transactionEventService.transactionSet.subscribe(function (transaction) {
                 if (transaction && transaction.transactionInfo.id) {
                     _this._key = transaction.transactionInfo.transactionNr.toString();
@@ -41840,16 +41966,14 @@
                     _this._getJoinedTags();
                 }
             }));
-        }
-        TransactionTagsComponent.prototype.showClass = function () {
-            return true;
         };
         TransactionTagsComponent.prototype.ngOnDestroy = function () {
             this._subs.forEach(function (s) { return s.unsubscribe(); });
         };
         TransactionTagsComponent.prototype._getJoinedTags = function () {
             var _this = this;
-            if (this._key && this._loaded && this.tags.length === 0) {
+            if (this._key && this._loaded && this.tags.length === 0 && !this._loading) {
+                this._loading = true;
                 this._transactionService.getJoinedTags(this._table, this._key).then(function (tags) {
                     _this.tags = tags;
                     _this.editingTags = __spreadArray([], __read(tags));