@colijnit/transaction 12.1.180 → 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.180";
-            this.publishDate = "29-12-2023 17:08:18";
+            this.symVer = "12.1.181";
+            this.publishDate = "2-1-2024 14:25:17";
         }
         return Version;
     }());
@@ -14545,6 +14545,7 @@
         RelationSuggestionsService.prototype.ngOnDestroy = function () {
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
         };
         RelationSuggestionsService.prototype.init = function (relationKind) {
@@ -14552,6 +14553,7 @@
             this.relationKind = relationKind;
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             this._componentRef = this._compFactoryResolver
                 .resolveComponentFactory(SuggestionsSidebarComponent)
@@ -22649,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 () {
@@ -22670,6 +22674,7 @@
             }
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -27566,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
                 },] }
@@ -33737,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) {
@@ -33745,6 +33798,7 @@
             var componentClass = this._mappingService.getQuickAccessComponent(this.transactionType, this.activeCategory);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -34923,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 () {
@@ -34938,6 +34994,7 @@
             var componentClass = this._mappingService.getTransactionCardComponent(this.transactionKind, this._activeCategory);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -38138,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;
@@ -38148,6 +38207,7 @@
             var componentClass = this._mappingService.getSidePanelComponent(this.transactionType);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -38899,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();
         };
@@ -38910,6 +38978,7 @@
             var componentClass = this._mappingService.getTransactionGridComponent(this.transactionKind, this.activeCategory);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -39550,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;
@@ -39560,6 +39631,7 @@
             var componentClass = this._mappingService.getTransactionFilterComponent(this.searchService.transactionType);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -40796,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;
@@ -40806,6 +40880,7 @@
             var componentClass = this._mappingService.getTransactionSearchGridComponent(this.searchService.transactionType);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;
@@ -41109,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;
@@ -41119,6 +41196,7 @@
             var componentClass = this._mappingService.getTransactionSearchTileComponent(this.searchService.transactionType);
             if (this._componentRef) {
                 this._componentRef.destroy();
+                this._componentRef = undefined;
             }
             if (!componentClass) {
                 return;