@colijnit/transaction 12.1.179 → 12.1.181

package/esm2015/lib/transaction-version.js

@@ -3,8 +3,8 @@ export class Version {
     constructor() {
         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";
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNhY3Rpb24tdmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3RyYW5zYWN0aW9uL3NyYy9saWIvdHJhbnNhY3Rpb24tdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1REFBdUQ7QUFDdkQsTUFBTSxPQUFPLE9BQU87SUFBcEI7UUFDUyxTQUFJLEdBQUcsdUJBQXVCLENBQUM7UUFDL0IsZ0JBQVcsR0FBRywrQkFBK0IsQ0FBQztRQUM5QyxXQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3BCLGdCQUFXLEdBQUcscUJBQXFCLENBQUM7SUFDN0MsQ0FBQztDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLy8gdGhpcyBmaWxlIGlzIGR5bmFtaWNhbGx5IGNyZWF0ZWQsIGRvIG5vdCBjaGFuZ2UgdGhpc1xuZXhwb3J0IGNsYXNzIFZlcnNpb24ge1xuICBwdWJsaWMgbmFtZSA9IFwiQGNvbGlqbml0L3RyYW5zYWN0aW9uXCI7XG4gIHB1YmxpYyBkZXNjcmlwdGlvbiA9IFwiQ29saWpuIElUIHRyYW5zYWN0aW9uIHBhY2thZ2VcIjtcbiAgcHVibGljIHN5bVZlciA9IFwiMTIuMS4xNzlcIjtcbiAgcHVibGljIHB1Ymxpc2hEYXRlID0gXCIyOC0xMi0yMDIzIDE4OjM5OjE5XCI7XG59Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNhY3Rpb24tdmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3RyYW5zYWN0aW9uL3NyYy9saWIvdHJhbnNhY3Rpb24tdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1REFBdUQ7QUFDdkQsTUFBTSxPQUFPLE9BQU87SUFBcEI7UUFDUyxTQUFJLEdBQUcsdUJBQXVCLENBQUM7UUFDL0IsZ0JBQVcsR0FBRywrQkFBK0IsQ0FBQztRQUM5QyxXQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3BCLGdCQUFXLEdBQUcsbUJBQW1CLENBQUM7SUFDM0MsQ0FBQztDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLy8gdGhpcyBmaWxlIGlzIGR5bmFtaWNhbGx5IGNyZWF0ZWQsIGRvIG5vdCBjaGFuZ2UgdGhpc1xuZXhwb3J0IGNsYXNzIFZlcnNpb24ge1xuICBwdWJsaWMgbmFtZSA9IFwiQGNvbGlqbml0L3RyYW5zYWN0aW9uXCI7XG4gIHB1YmxpYyBkZXNjcmlwdGlvbiA9IFwiQ29saWpuIElUIHRyYW5zYWN0aW9uIHBhY2thZ2VcIjtcbiAgcHVibGljIHN5bVZlciA9IFwiMTIuMS4xODFcIjtcbiAgcHVibGljIHB1Ymxpc2hEYXRlID0gXCIyLTEtMjAyNCAxNDoyNToxN1wiO1xufSJdfQ==

package/fesm2015/colijnit-transaction.js

@@ -209,8 +209,8 @@ class Version {
     constructor() {
         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";
     }
 }
 
@@ -3353,6 +3353,22 @@ class TransactionConnectorAdapterService {
             }
         });
     }
+    changeHeaderTransactionCurrency(uuid, currencyCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                newCurrencyCode: currencyCode
+            };
+            const response = yield this.connector.changeHeaderCurrency(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
     changeHeaderTransactionMarketing(uuid, code) {
         return __awaiter(this, void 0, void 0, function* () {
             const request = {
@@ -5500,6 +5516,11 @@ class TransactionConnectorService {
             return this._adapterService.changeHeaderTransactionAdmCoordinator(uuid, relation);
         });
     }
+    changeHeaderTransactionCurrency(uuid, currencyCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._adapterService.changeHeaderTransactionCurrency(uuid, currencyCode);
+        });
+    }
     changeHeaderTransactionMarketing(uuid, code) {
         return __awaiter(this, void 0, void 0, function* () {
             return this._adapterService.changeHeaderTransactionMarketing(uuid, code);
@@ -8253,13 +8274,13 @@ class TransactionService extends PendingReasonService {
             return true;
         });
     }
-    updateHeaderTransactionCurrency(uuid, currencyId, saveTransaction) {
+    updateHeaderTransactionCurrency(uuid, currencyCode, saveTransaction) {
         return __awaiter(this, void 0, void 0, function* () {
-            // not in middletier yet
-            // const response: TransactionInfoResponse | boolean = await this.connector.changeHeaderTransactionCurrency(uuid, currencyId);
-            // if (response) {
-            //   return this.handleHeaderOperationStatuses(response);
-            // }
+            const response = yield this.connector.changeHeaderTransactionCurrency(uuid, currencyCode);
+            if (response) {
+                this.transactionDirty = true;
+                return this.handleHeaderOperationStatuses(response, saveTransaction);
+            }
             return true;
         });
     }
@@ -10120,12 +10141,14 @@ class RelationSuggestionsService {
     ngOnDestroy() {
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
     }
     init(relationKind) {
         this.relationKind = relationKind;
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
         this._componentRef = this._compFactoryResolver
             .resolveComponentFactory(SuggestionsSidebarComponent)
@@ -15343,6 +15366,7 @@ class TransactionOrderDeliveryLineBaseComponent extends TransactionBaseComponent
                 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();
         }
@@ -15462,7 +15486,7 @@ class TransactionQuickAccessOrderDeliveryComponent extends TransactionQuickAcces
     }
     ngOnInit() {
         this._subs.push(this.transactionEventService.allLinesSelectedForDelivery.subscribe(() => __awaiter(this, void 0, void 0, function* () {
-            yield this.transactionService.updateQuantitySelectedForAllLines(this.transaction, this.allSelected);
+            yield this.transactionService.updateQuantitySelectedForAllLines(this.transaction, this.allSelected || !this.transactionInfo.allowPartialDelivery);
         })));
         super.ngOnInit();
     }
@@ -17025,7 +17049,7 @@ class TransactionQuickAccessInvoiceComponent extends TransactionQuickAccessSendM
     ngOnInit() {
         super.ngOnInit();
         this._subs.push(this.transactionEventService.allLinesSelectedForInvoice.subscribe(() => __awaiter(this, void 0, void 0, function* () {
-            yield this.transactionService.updateQuantitySelectedForAllLines(this.transaction, this.allSelected);
+            yield this.transactionService.updateQuantitySelectedForAllLines(this.transaction, this.allSelected || !this.transactionInfo.allowPartialDelivery);
         })));
         this._getInternalParameterAllowPartialInvoicing();
     }
@@ -17249,6 +17273,7 @@ class TransactionInvoiceLineBaseComponent extends TransactionBaseComponent {
                 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();
         }
@@ -19971,7 +19996,9 @@ class TransactionLineComponent extends TransactionBaseComponent {
     ngOnDestroy() {
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
+        this._transactionLineContainer = undefined;
         super.ngOnDestroy();
     }
     transactionInfoSet() {
@@ -19991,6 +20018,7 @@ class TransactionLineComponent extends TransactionBaseComponent {
         }
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
         if (!componentClass) {
             return;
@@ -24945,103 +24973,109 @@ class AvatarComponent {
         this._relationService = _relationService;
         this._changeDetector = _changeDetector;
     }
-    showClass() {
-        return true;
+    set image(value) {
+        this._image = value;
     }
-    set initialsForAvatar(value) {
-        this._initials = value;
-        this._setBackgroundColor();
-        this._changeDetector.detectChanges();
+    get image() {
+        return this._image;
     }
-    get initialsForAvatar() {
-        return this._initials;
+    set relationId(value) {
+        this._relationId = value;
     }
-    set relationForAvatar(value) {
+    get relationId() {
+        return this._relationId;
+    }
+    set relation(value) {
         this._relation = value;
-        this._setRelationForAvatar();
-        this._changeDetector.detectChanges();
     }
-    get relationForAvatar() {
+    get relation() {
         return this._relation;
     }
-    set relationIdForAvatar(value) {
-        this._relationId = value;
-        this._setRelationIdForAvatar();
-    }
-    get relationIdForAvatar() {
-        return this._relationId;
-    }
-    set imageForAvatar(value) {
-        this._image = value;
-        this._setImageForAvatar();
+    showClass() {
+        return true;
     }
-    get imageForAvatar() {
-        return this._image;
+    set initials(value) {
+        this._initials = value;
+        this._setBackgroundColor();
     }
-    ngOnChanges(changes) {
-        if ('image' in changes && changes['image'].currentValue) {
-            this._changeImage();
-        }
-        else if ('relationId' in changes || 'relation' in changes) {
-            this._changeRelation();
-        }
+    get initials() {
+        return this._initials;
     }
-    _changeImage() {
-        this.imageForAvatar = this.image;
+    ngOnInit() {
+        this._setImageForAvatar();
     }
-    _changeRelation() {
-        this.imageForAvatar = undefined;
-        this.initialsForAvatar = '';
-        this.backgroundColor = 'transparent';
-        if (this.relation) {
-            this.relationForAvatar = this.relation;
-        }
-        else if (this.relationId) {
-            this.relationIdForAvatar = this.relationId;
-        }
+    _setImageForAvatar() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.image && this.image.documentId) {
+                if (!(yield this._getImageContent(this.image.documentId))) {
+                    this._setImageFromRelation();
+                }
+            }
+            else {
+                this._setImageFromRelation();
+            }
+            this._changeDetector.detectChanges();
+        });
     }
-    _setRelationIdForAvatar() {
-        const request = new RelationRequest();
-        request.relationId = this._relationId;
-        this._relationService.getRelationListObjects(request).then((data) => {
-            if (data && data.length > 0) {
-                this.relationForAvatar = data[0];
+    _setImageFromRelation() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.relation) {
+                if (this.relation.avatarImage && this.relation.avatarImage.documentId) {
+                    this.image = this.relation.avatarImage;
+                    if (!(yield this._getImageContent(this.image.documentId))) {
+                        this._setRelationInitials();
+                    }
+                }
+                else {
+                    this._setRelationInitials();
+                }
+            }
+            else if (this.relationId) {
+                const request = new RelationRequest();
+                request.relationId = this._relationId;
+                this._relationService.getRelationListObjects(request).then((data) => __awaiter(this, void 0, void 0, function* () {
+                    if (data && data.length > 0) {
+                        this.relation = data[0];
+                        if (this.relation.avatarImage && this.relation.avatarImage.documentId) {
+                            this.image = this.relation.avatarImage;
+                            if (!(yield this._getImageContent(this.image.documentId))) {
+                                this._setRelationInitials();
+                            }
+                        }
+                        else {
+                            this._setRelationInitials();
+                        }
+                    }
+                }));
             }
         });
     }
-    _setRelationForAvatar() {
-        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;
+    _setRelationInitials() {
+        if (this.relation) {
+            this.initials = this.relation.displayInitials;
+            this._setBackgroundColor();
         }
     }
-    _setImageForAvatar() {
-        if (this.imageForAvatar && this.imageForAvatar.documentId) {
-            this._transactionConnectorService.getDocumentContent(this.imageForAvatar.documentId)
-                .then((content) => {
-                this.imageForAvatar.thumbnailBody = content;
-                this.imageSrc = this.imageForAvatar.thumbnailBodyAsDataUri;
-                this._changeDetector.detectChanges();
-            })
-                .catch((e) => {
-                this.imageSrc = "";
+    _getImageContent(docId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const content = yield this._transactionConnectorService.getDocumentContent(docId);
+            if (content) {
+                this.image.thumbnailBody = content;
+                this.imageSrc = this.image.thumbnailBodyAsDataUri;
                 this._changeDetector.detectChanges();
-            });
-        }
-        else {
-            this.imageSrc = "";
-            this._changeDetector.detectChanges();
-        }
+                return true;
+            }
+            else {
+                return false;
+            }
+        });
     }
     _setBackgroundColor() {
-        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();
     }
 }
 AvatarComponent.decorators = [
@@ -25051,7 +25085,7 @@ AvatarComponent.decorators = [
     <co-image-display [model]="imageSrc" *ngIf="imageSrc; else showInitials"></co-image-display>
     <ng-template #showInitials>
       <svg viewBox="0 0 30 30">
-        <text x="50%" y="50%" dominant-baseline="central" text-anchor="middle">{{ initialsForAvatar }}</text>
+        <text x="50%" y="50%" dominant-baseline="central" text-anchor="middle">{{ initials }}</text>
       </svg>
     </ng-template>
   `,
@@ -27003,6 +27037,9 @@ class TransactionHeaderDeliveryMethodComponent extends TransactionFilterPopupBas
     }
     transactionInfoSet() {
         super.transactionInfoSet();
+        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"));
@@ -28326,11 +28363,11 @@ class TransactionHeaderSalesPersonComponent extends TransactionFilterPopupBaseCo
     }
     commitTransactionSalesPerson(relation) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.transactionInfo.salesPerson !== relation) {
+            if (this.transactionInfo.salesPerson !== relation.relationId) {
                 const oldSalesPerson = this.transactionInfo.salesPerson;
-                const success = yield this.transactionService.updateHeaderTransactionSalesPerson(this.transactionInfo.uuid, relation, this.lockAndSave);
+                const success = yield this.transactionService.updateHeaderTransactionSalesPerson(this.transactionInfo.uuid, relation.relationId, this.lockAndSave);
                 if (!success) {
-                    this.transactionInfo.salesPerson = relation;
+                    this.transactionInfo.salesPerson = relation.relationId;
                     this._setSalesPerson();
                     return success;
                 }
@@ -28411,11 +28448,11 @@ class TransactionHeaderAdministrativeRelationComponent extends TransactionFilter
     }
     commitTransactionAdministrative(relation) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.transactionInfo.admCoordinator !== relation) {
+            if (this.transactionInfo.admCoordinator !== relation.relationId) {
                 const oldAdm = this.transactionInfo.admCoordinator;
-                const success = yield this.transactionService.updateHeaderTransactionAdmCoordinator(this.transactionInfo.uuid, relation, this.lockAndSave);
+                const success = yield this.transactionService.updateHeaderTransactionAdmCoordinator(this.transactionInfo.uuid, relation.relationId, this.lockAndSave);
                 if (!success) {
-                    this.transactionInfo.admCoordinator = relation;
+                    this.transactionInfo.admCoordinator = relation.relationId;
                     this._setRelationModel();
                     return success;
                 }
@@ -28590,10 +28627,10 @@ class TransactionHeaderCurrencyComponent extends TransactionFilterPopupBaseCompo
     }
     commitTransactionCurrency(currency) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.transactionInfo.currencyId !== currency) {
-                const success = yield this.transactionService.updateHeaderTransactionCurrency(this.transactionInfo.uuid, currency, this.lockAndSave);
+            if (this.transactionInfo.currencyId !== currency.id) {
+                const success = yield this.transactionService.updateHeaderTransactionCurrency(this.transactionInfo.uuid, currency.code, this.lockAndSave);
                 if (!success) {
-                    this.transactionInfo.currencyId = currency;
+                    this.transactionInfo.currencyId = currency.id;
                     this._setCurrencyModel();
                     return success;
                 }
@@ -31644,6 +31681,14 @@ class TransactionQuickAccessComponent {
     ngOnInit() {
         this._prepareContent();
     }
+    ngOnDestroy() {
+        if (this._componentRef) {
+            this._componentRef.destroy();
+            this._componentRef = undefined;
+        }
+        this.quickAccessContainer = undefined;
+        this.quickAccessContainer = undefined;
+    }
     _prepareContent() {
         if (!this.transactionType || !this._activeCategory || !this._relation || !this.quickAccessContainer) {
             return;
@@ -31651,6 +31696,7 @@ class TransactionQuickAccessComponent {
         const componentClass = this._mappingService.getQuickAccessComponent(this.transactionType, this.activeCategory);
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
         if (!componentClass) {
             return;
@@ -32829,7 +32875,9 @@ class TransactionCardComponent extends TransactionBaseComponent {
     ngOnDestroy() {
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
+        this._transactionCardContainer = undefined;
         super.ngOnDestroy();
     }
     transactionInfoSet() {
@@ -32843,6 +32891,7 @@ class TransactionCardComponent extends TransactionBaseComponent {
         const componentClass = this._mappingService.getTransactionCardComponent(this.transactionKind, this._activeCategory);
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
         if (!componentClass) {
             return;
@@ -36634,7 +36683,9 @@ class TransactionLinesSidePanelComponent {
     ngOnDestroy() {
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
+        this.sidePanelContainer = undefined;
     }
     _prepareContent() {
         if (!this.transactionType || !this.sidePanelContainer) {
@@ -36643,6 +36694,7 @@ class TransactionLinesSidePanelComponent {
         const componentClass = this._mappingService.getSidePanelComponent(this.transactionType);
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
         if (!componentClass) {
             return;
@@ -37484,6 +37536,14 @@ class TransactionGridComponent extends TransactionBaseComponent {
     showClass() {
         return true;
     }
+    ngOnDestroy() {
+        if (this._componentRef) {
+            this._componentRef.destroy();
+            this._componentRef = undefined;
+        }
+        this._transactionGridContainer = undefined;
+        super.ngOnDestroy();
+    }
     transactionSet() {
         this._prepareContent();
     }
@@ -37494,6 +37554,7 @@ class TransactionGridComponent extends TransactionBaseComponent {
         const componentClass = this._mappingService.getTransactionGridComponent(this.transactionKind, this.activeCategory);
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
         if (!componentClass) {
             return;
@@ -38245,7 +38306,9 @@ class TransactionFilterComponent {
     ngOnDestroy() {
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
+        this._transactionFilterContainer = undefined;
     }
     _prepareContent() {
         if (!this.searchService.transactionType || !this._transactionFilterContainer) {
@@ -38254,6 +38317,7 @@ class TransactionFilterComponent {
         const componentClass = this._mappingService.getTransactionFilterComponent(this.searchService.transactionType);
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
         if (!componentClass) {
             return;
@@ -40055,7 +40119,9 @@ class TransactionSearchGridComponent {
     ngOnDestroy() {
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
+        this._transactionSearchGridContainer = undefined;
     }
     _prepareContent() {
         if (!this.searchService.transactionType || !this._transactionSearchGridContainer) {
@@ -40064,6 +40130,7 @@ class TransactionSearchGridComponent {
         const componentClass = this._mappingService.getTransactionSearchGridComponent(this.searchService.transactionType);
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
         if (!componentClass) {
             return;
@@ -40342,7 +40409,9 @@ class TransactionSearchTileComponent {
     ngOnDestroy() {
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
+        this._transactionSearchTileContainer = undefined;
     }
     _prepareContent() {
         if (!this.searchService.transactionType || !this._transactionSearchTileContainer) {
@@ -40351,6 +40420,7 @@ class TransactionSearchTileComponent {
         const componentClass = this._mappingService.getTransactionSearchTileComponent(this.searchService.transactionType);
         if (this._componentRef) {
             this._componentRef.destroy();
+            this._componentRef = undefined;
         }
         if (!componentClass) {
             return;
@@ -41313,6 +41383,12 @@ class TransactionTagsComponent {
         this._table = TableName.Transactions;
         this._subs = [];
         this._loaded = false;
+        this._loading = false;
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
         this._subs.push(this._transactionEventService.transactionSet.subscribe((transaction) => {
             if (transaction && transaction.transactionInfo.id) {
                 this._key = transaction.transactionInfo.transactionNr.toString();
@@ -41325,14 +41401,12 @@ class TransactionTagsComponent {
             }
         }));
     }
-    showClass() {
-        return true;
-    }
     ngOnDestroy() {
         this._subs.forEach(s => s.unsubscribe());
     }
     _getJoinedTags() {
-        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((tags) => {
                 this.tags = tags;
                 this.editingTags = [...tags];