@sumaris-net/ngx-components 1.22.8 → 1.22.11-rc1

package/bundles/sumaris-net.ngx-components.umd.js

@@ -24829,7 +24829,7 @@
     MenuComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-menu',
-                    template: "<ion-split-pane #splitPane [contentId]=\"contentId\" (swiperight)=\"onSwipeRight($event)\">\n\n  <ion-menu [id]=\"id\" [menuId]=\"menuId\" [contentId]=\"contentId\">\n    <ion-header>\n\n      <ion-toolbar @fadeInAnimation *ngIf=\"isLogin; else notLogin\" class=\"ion-toolbar-top\">\n        <ion-grid>\n          <ion-row>\n            <ion-col size=\"4\">\n              <button type=\"button\" mat-flat-button\n                      class=\"user-avatar\" [class.primary]=\"!accountAvatar\"\n                      [style.background-image]=\"'url('+(accountAvatar||'./assets/img/person.png')+')'\"\n                      [routerLink]=\"['/account']\"\n                      routerDirection=\"root\"\n                      routerLinkActive=\"ion-color-primary\"\n                      (click)=\"close()\"\n                      [title]=\"'MENU.BTN_MY_ACCOUNT'|translate\">\n              </button>\n            </ion-col>\n            <ion-col size=\"8\" class=\"user-logo\">\n              <img *ngIf=\"logo\" src=\"{{logo}}\" [title]=\"'APP_NAME'|translate: {appName: appName}\" width=\"108px\"/>\n              <span *ngIf=\"!logo\" style=\"width: 108px;\">{{appName}}</span>\n            </ion-col>\n          </ion-row>\n          <ion-row class=\"ion-no-padding\">\n            <ion-col>\n              <button mat-button type=\"button\"\n                      [routerLink]=\"['/account']\"\n                      routerDirection=\"root\"\n                      routerLinkActive=\"ion-color-primary\"\n                      (click)=\"close()\"\n                      [title]=\"'MENU.BTN_MY_ACCOUNT'|translate\">\n                <ion-label color=\"primary\" class=\"ion-text-wrap ion-text-start\">\n                  <h3 class=\"no-margin username\">\n                    <b>{{accountName}}</b>\n                  </h3>\n                  <h4>{{accountEmail}}</h4>\n                </ion-label>\n              </button>\n            </ion-col>\n\n            <!-- Insertion slot='header-bottom-right' -->\n            <ion-col size=\"auto\">\n              <ng-content select=\"[slot=header-bottom-right]\"></ng-content>\n            </ion-col>\n          </ion-row>\n        </ion-grid>\n\n      </ion-toolbar>\n\n      <!-- User not logged -->\n      <ng-template #notLogin>\n        <mat-toolbar class=\"ion-padding\" @fadeInAnimation\n                     style=\"height: unset; display: block; margin: auto; text-align: center;\">\n          <img *ngIf=\"logo\" src=\"{{logo}}\" [title]=\"'APP_NAME'|translate: {appName: appName}\" width=\"150px;\">\n          <span *ngIf=\"!logo\" style=\"width: 150px\">{{appName}}</span>\n        </mat-toolbar>\n      </ng-template>\n    </ion-header>\n\n    <ion-content [class.has-user-header]=\"isLogin\">\n\n      <ion-list lines=\"none\">\n        <ion-menu-toggle auto-hide=\"false\"\n                         [class.flex-spacer]=\"item.cssClass == 'flex-spacer'\"\n                         *ngFor=\"let item of $items | async\">\n\n          <!-- link -->\n          <ion-item *ngIf=\"!loading && item.path\"\n                    @fadeInAnimation\n                    class=\"{{item.cssClass}} {{item.color}} text-1x\"\n                    tappable\n                    [routerLink]=\"item.path\"\n                    routerDirection=\"root\"\n                    routerLinkActive=\"selected\"\n                    [routerLinkActiveOptions]=\"{exact: (item.path === '/')}\">\n            <ion-icon slot=\"start\" *ngIf=\"item.icon\" [name]=\"item.icon\"></ion-icon>\n            <mat-icon slot=\"start\" *ngIf=\"item.matIcon\">{{item.matIcon}}</mat-icon>\n            <ion-label translate>{{item.title}}</ion-label>\n          </ion-item>\n\n          <!-- action -->\n          <ion-item *ngIf=\"!loading && item.action\"\n                    @fadeInAnimation\n                    class=\"{{item.cssClass}} {{item.color}} text-1x\"\n                    tappable\n                    (click)=\"doAction(item.action, $event)\">\n            <ion-icon slot=\"start\" *ngIf=\"item.icon\" [name]=\"item.icon\"></ion-icon>\n            <mat-icon slot=\"start\" *ngIf=\"item.matIcon\">{{item.matIcon}}</mat-icon>\n            <ion-label translate>{{item.title}}</ion-label>\n          </ion-item>\n\n          <!-- divider -->\n          <ion-item-divider @fadeInAnimation\n                            class=\"{{item.cssClass}} {{item.color}}\"\n                            *ngIf=\"!loading && !item.path && !item.action\">\n            <ion-label translate>{{item.title}}</ion-label>\n          </ion-item-divider>\n\n        </ion-menu-toggle>\n      </ion-list>\n    </ion-content>\n\n    <ion-footer class=\"hidden-xs hidden-sm\">\n      <ion-toolbar>\n\n        <ion-buttons slot=\"start\">\n          <ion-button mat-icon-button color=\"accent\" (click)=\"openAboutModal($event)\">\n            <mat-icon slot=\"icon-only\">help_outline</mat-icon>\n          </ion-button>\n        </ion-buttons>\n\n        <ion-title (click)=\"openAboutModal($event)\" color=\"medium\">\n          {{'MENU.FOOTER_VERSION_ABOUT'| translate: {version: appVersion} }}\n        </ion-title>\n\n        <ion-buttons slot=\"end\">\n          <button mat-icon-button color=\"accent\" (click)=\"toggleSplitPaneShow($event)\"\n                  class=\"hidden-xs hidden-sm hidden-md\"\n                  [title]=\"(splitPane.when ? 'COMMON.BTN_HIDE_MENU' : 'COMMON.BTN_SHOW_MENU') |translate\">\n            <mat-icon><span>{{splitPane.when ? '&#xab;' : '&#xbb;'}}</span></mat-icon>\n          </button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-footer>\n\n  </ion-menu>\n\n  <ng-content></ng-content>\n\n</ion-split-pane>\n",
+                    template: "<ion-split-pane #splitPane [contentId]=\"contentId\" (swiperight)=\"onSwipeRight($event)\">\n\n  <ion-menu [id]=\"id\" [menuId]=\"menuId\" [contentId]=\"contentId\">\n    <ion-header>\n\n      <ion-toolbar @fadeInAnimation *ngIf=\"isLogin; else notLogin\" class=\"ion-toolbar-top\">\n        <ion-grid>\n          <ion-row>\n            <ion-col size=\"4\">\n              <button type=\"button\" mat-flat-button\n                      class=\"user-avatar\" [class.primary]=\"!accountAvatar\"\n                      [style.background-image]=\"'url('+(accountAvatar||'./assets/img/person.png')+')'\"\n                      [routerLink]=\"['/account']\"\n                      routerDirection=\"root\"\n                      routerLinkActive=\"ion-color-primary\"\n                      (click)=\"close()\"\n                      [title]=\"'MENU.BTN_MY_ACCOUNT'|translate\">\n              </button>\n            </ion-col>\n            <ion-col size=\"8\" class=\"user-logo\">\n              <img *ngIf=\"logo\" src=\"{{logo}}\" [title]=\"'APP_NAME'|translate: {appName: appName}\" width=\"108px\"/>\n              <span *ngIf=\"!logo\" style=\"width: 108px;\">{{appName}}</span>\n            </ion-col>\n          </ion-row>\n          <ion-row class=\"ion-no-padding\">\n            <ion-col>\n              <button mat-button type=\"button\"\n                      [routerLink]=\"['/account']\"\n                      routerDirection=\"root\"\n                      routerLinkActive=\"ion-color-primary\"\n                      (click)=\"close()\"\n                      [title]=\"'MENU.BTN_MY_ACCOUNT'|translate\">\n                <ion-label color=\"primary\" class=\"ion-text-wrap ion-text-start\">\n                  <h3 class=\"no-margin username\">\n                    <b>{{accountName}}</b>\n                  </h3>\n                  <h4>{{accountEmail}}</h4>\n                </ion-label>\n              </button>\n            </ion-col>\n\n            <!-- Insertion headerBottomRight -->\n            <ion-col size=\"auto\">\n              <ng-container *ngTemplateOutlet=\"headerBottomRight\"></ng-container>\n            </ion-col>\n          </ion-row>\n        </ion-grid>\n\n      </ion-toolbar>\n\n      <!-- User not logged -->\n      <ng-template #notLogin>\n        <mat-toolbar class=\"ion-padding\" @fadeInAnimation\n                     style=\"height: unset; display: block; margin: auto; text-align: center;\">\n          <img *ngIf=\"logo\" src=\"{{logo}}\" [title]=\"'APP_NAME'|translate: {appName: appName}\" width=\"150px;\">\n          <span *ngIf=\"!logo\" style=\"width: 150px\">{{appName}}</span>\n        </mat-toolbar>\n      </ng-template>\n    </ion-header>\n\n    <ion-content [class.has-user-header]=\"isLogin\">\n\n      <ion-list lines=\"none\">\n        <ion-menu-toggle auto-hide=\"false\"\n                         [class.flex-spacer]=\"item.cssClass == 'flex-spacer'\"\n                         *ngFor=\"let item of $items | async\">\n\n          <!-- link -->\n          <ion-item *ngIf=\"!loading && item.path\"\n                    @fadeInAnimation\n                    class=\"{{item.cssClass}} {{item.color}} text-1x\"\n                    tappable\n                    [routerLink]=\"item.path\"\n                    routerDirection=\"root\"\n                    routerLinkActive=\"selected\"\n                    [routerLinkActiveOptions]=\"{exact: (item.path === '/')}\">\n            <ion-icon slot=\"start\" *ngIf=\"item.icon\" [name]=\"item.icon\"></ion-icon>\n            <mat-icon slot=\"start\" *ngIf=\"item.matIcon\">{{item.matIcon}}</mat-icon>\n            <ion-label translate>{{item.title}}</ion-label>\n          </ion-item>\n\n          <!-- action -->\n          <ion-item *ngIf=\"!loading && item.action\"\n                    @fadeInAnimation\n                    class=\"{{item.cssClass}} {{item.color}} text-1x\"\n                    tappable\n                    (click)=\"doAction(item.action, $event)\">\n            <ion-icon slot=\"start\" *ngIf=\"item.icon\" [name]=\"item.icon\"></ion-icon>\n            <mat-icon slot=\"start\" *ngIf=\"item.matIcon\">{{item.matIcon}}</mat-icon>\n            <ion-label translate>{{item.title}}</ion-label>\n          </ion-item>\n\n          <!-- divider -->\n          <ion-item-divider @fadeInAnimation\n                            class=\"{{item.cssClass}} {{item.color}}\"\n                            *ngIf=\"!loading && !item.path && !item.action\">\n            <ion-label translate>{{item.title}}</ion-label>\n          </ion-item-divider>\n\n        </ion-menu-toggle>\n      </ion-list>\n    </ion-content>\n\n    <ion-footer class=\"hidden-xs hidden-sm\">\n      <ion-toolbar>\n\n        <ion-buttons slot=\"start\">\n          <ion-button mat-icon-button color=\"accent\" (click)=\"openAboutModal($event)\">\n            <mat-icon slot=\"icon-only\">help_outline</mat-icon>\n          </ion-button>\n        </ion-buttons>\n\n        <ion-title (click)=\"openAboutModal($event)\" color=\"medium\">\n          {{'MENU.FOOTER_VERSION_ABOUT'| translate: {version: appVersion} }}\n        </ion-title>\n\n        <ion-buttons slot=\"end\">\n          <button mat-icon-button color=\"accent\" (click)=\"toggleSplitPaneShow($event)\"\n                  class=\"hidden-xs hidden-sm hidden-md\"\n                  [title]=\"(splitPane.when ? 'COMMON.BTN_HIDE_MENU' : 'COMMON.BTN_SHOW_MENU') |translate\">\n            <mat-icon><span>{{splitPane.when ? '&#xab;' : '&#xbb;'}}</span></mat-icon>\n          </button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-footer>\n\n  </ion-menu>\n\n  <ng-content></ng-content>\n\n</ion-split-pane>\n\n<ng-template #headerBottomRight>\n  <ng-content select=\"[headerBottomRight]\"></ng-content>\n</ng-template>\n",
                     animations: [fadeInAnimation],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: ["ion-menu{--ion-item-background:transparent;--ion-item-divider-background:transparent;--ion-item-icon-color:var(--ion-color-primary-tint);--ion-item-text-color:var(--ion-color-primary-tint);--ion-item-background-selected:var(--ion-color-secondary100);--ion-item-text-color-selected:var(--ion-color-primary);--ion-item-icon-color-selected:var(--ion-color-primary);--ion-item-text-color-disable:var(--ion-color-medium);--ion-item-icon-color-disable:var(--ion-color-medium)}ion-menu ion-header ion-text{color:var(--ion-color-primary)}ion-menu ion-header .user-avatar{background-size:cover;background-repeat:no-repeat;background-position:50%;background-color:var(--ion-color-secondary);border:1px solid var(--ion-color-primary);overflow:hidden!important;font-size:var(--avatar-size,60px)!important;line-height:var(--avatar-size,60px);height:var(--avatar-size,60px)!important;width:var(--avatar-size,60px)!important;border-radius:50%;display:inline-block}ion-menu ion-header .user-avatar:hover{background-color:var(--ion-color-secondary-shade);border:2px solid var(--ion-color-primary-shade)}ion-menu ion-header .user-logo{text-align:right}ion-menu ion-header .user-logo img{max-width:120px;max-height:var(--avatar-size,60px);width:auto}ion-menu ion-header .username{padding-top:0;margin-top:0;margin-bottom:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ion-menu ion-header button[mat-button]{padding:0;text-align:start!important;width:100%}ion-menu .scroll-content{margin-top:79px!important}ion-menu .has-user-header .scroll-content{margin-top:188px!important}ion-menu ion-content.has-profile-header{--offset-top:188px}ion-menu ion-content.no-profile-header{--offset-top:79px}ion-menu ion-content ion-list{min-height:100%;display:flex;flex-direction:column;justify-content:flex-start}ion-menu ion-content ion-list ion-menu-toggle.flex-spacer{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end}ion-menu ion-content ion-list ion-item.primary{--ion-item-icon-color:var(--ion-color-primary-tint);--ion-item-text-color:var(--ion-color-primary-tint)}ion-menu ion-content ion-list ion-item.secondary{--ion-item-icon-color:var(--ion-color-secondary-tint);--ion-item-text-color:var(--ion-color-secondary-tint)}ion-menu ion-content ion-list ion-item.tertiary{--ion-item-icon-color:var(--ion-color-tertiary-tint);--ion-item-text-color:var(--ion-color-tertiary-tint)}ion-menu ion-content ion-list ion-item.danger{--ion-item-icon-color:var(--ion-color-danger-tint);--ion-item-text-color:var(--ion-color-danger-tint)}ion-menu ion-content ion-list ion-item.medium{--ion-item-icon-color:var(--ion-color-medium-shade);--ion-item-text-color:var(--ion-color-medium-shade)}ion-menu ion-content ion-list ion-item.dark{--ion-item-icon-color:var(--ion-color-dark-tint);--ion-item-text-color:var(--ion-color-dark-tint)}ion-menu ion-content ion-list ion-item ion-icon,ion-menu ion-content ion-list ion-item mat-icon{color:var(--ion-item-icon-color)!important;fill:currentColor;stroke:currentColor}ion-menu ion-content ion-list ion-item ion-label,ion-menu ion-content ion-list ion-item ion-text{color:var(--ion-item-text-color)!important}ion-menu ion-content ion-list ion-item.selected{background-color:var(--ion-item-background-selected)!important;--color-hover:var(--ion-item-background-selected)!important}ion-menu ion-content ion-list ion-item.selected ion-icon,ion-menu ion-content ion-list ion-item.selected mat-icon{color:var(--ion-item-icon-color-selected)!important;fill:currentColor;stroke:currentColor}ion-menu ion-content ion-list ion-item.selected ion-label,ion-menu ion-content ion-list ion-item.selected ion-text{color:var(--ion-item-text-color-selected)!important}ion-menu ion-content ion-list ion-item.selected:hover{--color-hover:var(--ion-item-background-selected)!important;--ion-item-icon-color-selected:var(--ion-item-icon-color)!important;--ion-item-text-color-selected:var(--ion-item-text-color)!important}ion-menu ion-footer{display:block!important}ion-menu ion-footer ion-toolbar ion-title{cursor:pointer;font-size:12pt;font-weight:400;text-align:center;padding:0 8px}ion-menu ion-footer ion-toolbar ion-button{--width:40px}@media screen and (max-width:767px){ion-menu ion-footer{display:none!important;visibility:hidden!important}}@media screen and (min-width:768px){ion-menu ion-scroll{overflow-y:auto!important}ion-menu .user-avatar{font-size:var(--avatar-size,80px)!important;line-height:var(--avatar-size,80px);height:var(--avatar-size,80px)!important;width:var(--avatar-size,80px)!important}ion-menu .user-logo img{max-height:var(--avatar-size,80px)}}"]
@@ -30234,116 +30234,6 @@
         SUBSCRIBE_JOB_PROGRESSION_ERROR: 50010
     };
 
-    var UserEvent_1;
-    var UserEventTypes = {
-        DEBUG_DATA: 'DEBUG_DATA',
-        INBOX_MESSAGE: 'INBOX_MESSAGE'
-    };
-    // @dynamic
-    exports.UserEvent = UserEvent_1 = /** @class */ (function (_super) {
-        __extends(UserEvent, _super);
-        function UserEvent() {
-            return _super.call(this, UserEvent_1.TYPENAME) || this;
-        }
-        UserEvent.prototype.asObject = function (opts) {
-            var target = _super.prototype.asObject.call(this, opts);
-            target.creationDate = toDateISOString(this.creationDate);
-            target.readDate = toDateISOString(this.readDate);
-            // Serialize content
-            if (typeof target.content === 'object') {
-                target.content = JSON.stringify(target.content);
-            }
-            delete target.avatar;
-            delete target.avatarIcon;
-            delete target.icon;
-            delete target.actions;
-            return target;
-        };
-        UserEvent.prototype.fromObject = function (source) {
-            Object.assign(this, source); // Copy all properties
-            _super.prototype.fromObject.call(this, source);
-            this.creationDate = fromDateISOString(source.creationDate);
-            this.readDate = fromDateISOString(source.readDate);
-            try {
-                // Deserialize content
-                if (typeof source.content === 'string' && source.content.startsWith('{')) {
-                    this.content = JSON.parse(source.content);
-                }
-                // Deserialize content.context
-                if (this.content && typeof this.content.context === 'string' && this.content.context.startsWith('{')) {
-                    this.content.context = JSON.parse(this.content.context);
-                }
-            }
-            catch (err) {
-                console.error('Error during UserEvent deserialization', err);
-            }
-        };
-        return UserEvent;
-    }(Entity));
-    exports.UserEvent = UserEvent_1 = __decorate([
-        EntityClass({ typename: 'UserEventVO' })
-    ], exports.UserEvent);
-    // @dynamic
-    exports.UserEventFilter = /** @class */ (function (_super) {
-        __extends(UserEventFilter, _super);
-        function UserEventFilter() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.types = [];
-            _this.levels = [];
-            _this.issuers = [];
-            _this.recipients = [];
-            _this.startDate = null;
-            _this.excludeRead = false;
-            return _this;
-        }
-        UserEventFilter.prototype.fromObject = function (source, opts) {
-            _super.prototype.fromObject.call(this, source, opts);
-            this.types = source.types || [];
-            this.levels = source.levels || [];
-            this.issuers = source.issuers || [];
-            this.recipients = source.recipients || [];
-            this.startDate = fromDateISOString(source.startDate);
-            this.excludeRead = source.excludeRead || false;
-        };
-        UserEventFilter.prototype.buildFilter = function () {
-            var _this = this;
-            var filterFns = _super.prototype.buildFilter.call(this);
-            if (isNotEmptyArray(this.types)) {
-                filterFns.push(function (t) { return _this.types.includes(t.type); });
-            }
-            if (isNotEmptyArray(this.levels)) {
-                filterFns.push(function (t) { return _this.levels.includes(t.level); });
-            }
-            if (isNotEmptyArray(this.issuers)) {
-                filterFns.push(function (t) { return _this.issuers.includes(t.issuer); });
-            }
-            if (isNotEmptyArray(this.recipients)) {
-                filterFns.push(function (t) { return _this.recipients.includes(t.recipient); });
-            }
-            if (isNotNil(this.startDate)) {
-                filterFns.push(function (t) { return _this.startDate.isSameOrBefore(t.creationDate); });
-            }
-            if (this.excludeRead === true) {
-                filterFns.push(function (t) { return isNil(t.readSignature); }); // todo or t.signature ?
-            }
-            return filterFns;
-        };
-        UserEventFilter.prototype.asObject = function (opts) {
-            var target = _super.prototype.asObject.call(this, opts);
-            return target;
-        };
-        return UserEventFilter;
-    }(EntityFilter));
-    exports.UserEventFilter = __decorate([
-        EntityClass({ typename: 'UserEventFilterVO' })
-    ], exports.UserEventFilter);
-
-    var UserEventFragments = {
-        userEvent: core.gql(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["fragment UserEventFragment on UserEventVO {\n    id\n    issuer\n    updateDate\n    creationDate\n    eventType\n    recipient\n    content\n    hash\n    signature\n    readSignature\n    __typename\n  }"], ["fragment UserEventFragment on UserEventVO {\n    id\n    issuer\n    updateDate\n    creationDate\n    eventType\n    recipient\n    content\n    hash\n    signature\n    readSignature\n    __typename\n  }"]))),
-        lightUserEvent: core.gql(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["fragment LightUserEventFragment on UserEventVO {\n    id\n    issuer\n    recipient\n    updateDate\n    creationDate\n    eventType\n    readSignature\n    __typename\n  }"], ["fragment LightUserEventFragment on UserEventVO {\n    id\n    issuer\n    recipient\n    updateDate\n    creationDate\n    eventType\n    readSignature\n    __typename\n  }"])))
-    };
-    var templateObject_1$2, templateObject_2$2;
-
     var moment$6 = momentImported__namespace;
     var USER_EVENT_SERVICE = new i0.InjectionToken('UserEventService');
     var AbstractUserEventService = /** @class */ (function (_super) {
@@ -30355,7 +30245,7 @@
             _this.network = network;
             _this.translate = translate;
             _this.options = options;
-            _this.count$ = new rxjs.BehaviorSubject(0);
+            _this._countSubject = new rxjs.BehaviorSubject(0);
             _this.listeners = [];
             _this._subscriptions = new rxjs.Subscription();
             _this.queries = options.queries;
@@ -30364,9 +30254,9 @@
             _this._logPrefix = '[user-event-service] ';
             return _this;
         }
-        Object.defineProperty(AbstractUserEventService.prototype, "userEventCount", {
+        Object.defineProperty(AbstractUserEventService.prototype, "countSubject", {
             get: function () {
-                return this.count$.asObservable();
+                return this._countSubject;
             },
             enumerable: false,
             configurable: true
@@ -30375,31 +30265,21 @@
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            // Update component when refresh is need (=login events)
-                            this._subscriptions.add(rxjs.merge(this.accountService.onLogin, this.accountService.onLogout)
-                                .pipe(
-                            // Wait account service ready (can be restarted)
-                            operators.mergeMap(function () { return _this.accountService.ready(); }), operators.map(function () { return _this.accountService.isLogin(); }), operators.distinctUntilChanged())
-                                .subscribe(function (login) {
-                                if (login) {
-                                    _this.onLogin();
-                                }
-                                else {
-                                    _this.onLogout();
-                                }
-                            }));
-                            // First attempt if account is ready
-                            return [4 /*yield*/, this.accountService.ready()];
-                        case 1:
-                            // First attempt if account is ready
-                            _b.sent();
-                            if (this.accountService.isLogin()) {
-                                setTimeout(function () { return _this.onLogin(); });
-                            }
-                            return [2 /*return*/];
-                    }
+                    // Update component when refresh is need (=login events)
+                    this._subscriptions.add(rxjs.merge(this.accountService.onLogin, this.accountService.onLogout, rxjs.of() // Starts with -  first attempt if account is ready
+                    )
+                        .pipe(
+                    // Wait account service ready (can be restarted)
+                    operators.mergeMap(function () { return _this.accountService.ready(); }), operators.map(function () { return _this.accountService.isLogin(); }), operators.distinctUntilChanged())
+                        .subscribe(function (login) {
+                        if (login) {
+                            _this.onLogin();
+                        }
+                        else {
+                            _this.onLogout();
+                        }
+                    }));
+                    return [2 /*return*/];
                 });
             });
         };
@@ -30465,7 +30345,7 @@
                 data: entity
             });
             // Update count
-            this.count$.next(this.count$.value + 1);
+            this._countSubject.next(this._countSubject.value + 1);
         };
         AbstractUserEventService.prototype.count = function (filter, options) {
             var _a;
@@ -30527,7 +30407,7 @@
                 if (total && _this._debug)
                     console.debug(_this._logPrefix + "Received new user events count:", total);
                 // update count
-                _this.count$.next(total);
+                _this._countSubject.next(total);
                 return total;
             }));
         };
@@ -30774,7 +30654,7 @@
             this.listeners.push(listener);
         };
         AbstractUserEventService.prototype.resetCount = function () {
-            this.count$.next(undefined);
+            this._countSubject.next(undefined);
             this.resetCountDate = moment$6();
             // restart listening count changes
             this.startListenCountChanges();
@@ -30791,7 +30671,7 @@
                             if (this._debug)
                                 console.debug(this._logPrefix + "Receiving user events count", count);
                             // Update count
-                            this.count$.next(count);
+                            this._countSubject.next(count);
                             // Then listen changes
                             this.startListenCountChanges();
                             return [2 /*return*/];
@@ -30923,206 +30803,6 @@
         { type: i1$2.TranslateService },
         { type: undefined }
     ]; };
-    var userEventQueries = {
-        loadAll: core.gql(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n    query UserEvents($filter: UserEventFilterVOInput, $page: PageInput){\n      data: userEvents(filter: $filter, page: $page){\n        ...LightUserEventFragment\n      }\n    }\n    ", "\n  "], ["\n    query UserEvents($filter: UserEventFilterVOInput, $page: PageInput){\n      data: userEvents(filter: $filter, page: $page){\n        ...LightUserEventFragment\n      }\n    }\n    ", "\n  "])), UserEventFragments.lightUserEvent),
-        loadAllWithContent: core.gql(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n    query UserEventsWithContent($filter: UserEventFilterVOInput, $page: PageInput){\n      data: userEvents(filter: $filter, page: $page){\n        ...UserEventFragment\n      }\n    }\n    ", "\n  "], ["\n    query UserEventsWithContent($filter: UserEventFilterVOInput, $page: PageInput){\n      data: userEvents(filter: $filter, page: $page){\n        ...UserEventFragment\n      }\n    }\n    ", "\n  "])), UserEventFragments.userEvent)
-    };
-    var userEventMutations = {
-        deleteByIds: core.gql(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    mutation DeleteUserEvents($ids:[Int]){\n      deleteUserEvents(ids: $ids)\n    }\n  "], ["\n    mutation DeleteUserEvents($ids:[Int]){\n      deleteUserEvents(ids: $ids)\n    }\n  "]))),
-        save: core.gql(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    mutation SaveUserEvent($data: UserEventVOInput){\n      data: saveUserEvent(userEvent: $data){\n        ...UserEventFragment\n      }\n    }\n    ", "\n  "], ["\n    mutation SaveUserEvent($data: UserEventVOInput){\n      data: saveUserEvent(userEvent: $data){\n        ...UserEventFragment\n      }\n    }\n    ", "\n  "])), UserEventFragments.userEvent)
-    };
-    var UserEventService = /** @class */ (function (_super) {
-        __extends(UserEventService, _super);
-        function UserEventService(graphql, accountService, network, translate, environment) {
-            var _this = _super.call(this, graphql, accountService, network, translate, {
-                queries: userEventQueries,
-                mutations: userEventMutations,
-                production: environment === null || environment === void 0 ? void 0 : environment.production
-            }) || this;
-            _this.graphql = graphql;
-            _this.accountService = accountService;
-            _this.network = network;
-            _this.translate = translate;
-            _this.environment = environment;
-            return _this;
-        }
-        UserEventService.prototype.asFilter = function (filter) {
-            return exports.UserEventFilter.fromObject(filter);
-        };
-        UserEventService.prototype.fromObject = function (source) {
-            return exports.UserEvent.fromObject(source);
-        };
-        /* -- protected methods -- */
-        UserEventService.prototype.fillDefaultProperties = function (entity) {
-            entity.issuer = this.accountService.account.pubkey;
-            // TODO: compute hash (using cryptoService)
-            // TODO: compute sign
-            console.warn('TODO: sign user event before sending');
-        };
-        return UserEventService;
-    }(AbstractUserEventService));
-    UserEventService.decorators = [
-        { type: i0.Injectable }
-    ];
-    UserEventService.ctorParameters = function () { return [
-        { type: GraphqlService },
-        { type: AccountService },
-        { type: NetworkService },
-        { type: i1$2.TranslateService },
-        { type: Environment, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [ENVIRONMENT,] }] }
-    ]; };
-    var templateObject_1$3, templateObject_2$3, templateObject_3$2, templateObject_4$2;
-
-    var ICONS_MAP = {
-        DEBUG_DATA: { matIcon: 'bug_report' },
-        INBOX_MESSAGE: { matIcon: 'mail' }
-    };
-    var UserEventsTable = /** @class */ (function (_super) {
-        __extends(UserEventsTable, _super);
-        function UserEventsTable(injector, accountService, service, entities, cd, environment) {
-            var _this = _super.call(this, injector, 
-            // columns
-            RESERVED_START_COLUMNS
-                .concat([
-                'creationDate',
-                'icon',
-                'eventType',
-                'message'
-            ])
-                .concat(RESERVED_END_COLUMNS), null, null) || this;
-            _this.accountService = accountService;
-            _this.service = service;
-            _this.entities = entities;
-            _this.cd = cd;
-            _this.environment = environment;
-            _this.i18nColumnPrefix = 'SOCIAL.USER_EVENT.';
-            _this.autoLoad = false; // this.start()
-            _this.inlineEdition = false;
-            _this.defaultSortBy = 'creationDate';
-            _this.defaultSortDirection = 'desc';
-            return _this;
-        }
-        UserEventsTable.prototype.ngOnInit = function () {
-            _super.prototype.ngOnInit.call(this);
-            // Load date/time pattern
-            this.dateTimePattern = this.translate.instant('COMMON.DATE_TIME_PATTERN');
-            this.withContent = toBoolean(this.withContent, false);
-            var account = this.accountService.account;
-            var pubkey = account && account.pubkey;
-            this.isAdmin = this.accountService.isAdmin();
-            this.canEdit = this.isAdmin || pubkey === this.recipient;
-            this.canDelete = this.canEdit;
-            this.setDatasource(new EntitiesTableDataSource(exports.UserEvent, this.service, null, {
-                prependNewElements: false,
-                suppressErrors: true,
-                dataServiceOptions: {
-                    withContent: this.withContent
-                }
-            }));
-            var filter = this.filter || new exports.UserEventFilter();
-            filter.recipients = [this.recipient];
-            this.setFilter(filter, { emitEvent: true });
-        };
-        UserEventsTable.prototype.start = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            console.debug('[user-event] Starting...');
-                            // Waiting account to be ready
-                            return [4 /*yield*/, this.accountService.ready()];
-                        case 1:
-                            // Waiting account to be ready
-                            _a.sent();
-                            // Load data
-                            this.onRefresh.emit();
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        UserEventsTable.prototype.getIcon = function (source) {
-            return ICONS_MAP[source.type];
-        };
-        UserEventsTable.prototype.getDetail = function (source) {
-            if (!source)
-                return undefined;
-            if (source.content && source.type === UserEventTypes.DEBUG_DATA) {
-                var context = source.content.context;
-                if (context && context.__typename) {
-                    // const actions = this.service.getActionsByTypename(context.__typename);
-                    return {
-                        // actions,
-                        title: source.content.error && source.content.error.message || source.content.message,
-                        description: source.content.error && source.content.error.details || undefined
-                    };
-                }
-            }
-            console.debug('TODO: implement getDetail() for event: ', source);
-            return {};
-        };
-        UserEventsTable.prototype.doAction = function (action, row) {
-            return __awaiter(this, void 0, void 0, function () {
-                var event, res, _a, err_1;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            event = row.currentData;
-                            // const context = event.content && event.content.context;
-                            this.markAsLoading();
-                            if (!(action && typeof action.executeAction === 'function')) return [3 /*break*/, 7];
-                            _b.label = 1;
-                        case 1:
-                            _b.trys.push([1, 5, 6, 7]);
-                            res = action.executeAction(event /*, context*/);
-                            if (!(res instanceof Promise)) return [3 /*break*/, 3];
-                            return [4 /*yield*/, res];
-                        case 2:
-                            _a = _b.sent();
-                            return [3 /*break*/, 4];
-                        case 3:
-                            _a = res;
-                            _b.label = 4;
-                        case 4:
-                            res = _a;
-                            return [3 /*break*/, 7];
-                        case 5:
-                            err_1 = _b.sent();
-                            this.setError(err_1 && err_1.message || err_1);
-                            console.error("[user-event] Failed to execute action " + action.name + ": " + (err_1 && err_1.message || err_1), err_1);
-                            return [3 /*break*/, 7];
-                        case 6:
-                            this.markAsLoaded();
-                            return [7 /*endfinally*/];
-                        case 7: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return UserEventsTable;
-    }(AppTable));
-    UserEventsTable.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-user-events-table',
-                    template: "\n<!-- Type = options menu -->\n<mat-menu #optionsMenu=\"matMenu\" xPosition=\"after\">\n\n  <!-- display columns -->\n  <button mat-menu-item\n          (click)=\"openSelectColumnsModal($event)\">\n    <mat-icon>view_column</mat-icon>\n    <ion-label translate>COMMON.DISPLAYED_COLUMNS_DOTS</ion-label>\n  </button>\n\n</mat-menu>\n\n<!-- top header -->\n<mat-toolbar>\n\n  <ng-container *ngIf=\"!selection.hasValue(); else hasSelection\">\n\n    <button mat-icon-button [title]=\"'COMMON.BTN_REFRESH'|translate\" (click)=\"onRefresh.emit()\">\n      <mat-icon>refresh</mat-icon>\n    </button>\n\n  </ng-container>\n\n  <!-- if row selection -->\n  <ng-template #hasSelection>\n\n    <!-- delete -->\n    <button mat-icon-button class=\"hidden-xs hidden-sm\" *ngIf=\"canDelete\"\n            [title]=\"'COMMON.BTN_DELETE'|translate\" (click)=\"deleteSelection($event)\">\n      <mat-icon>delete</mat-icon>\n    </button>\n  </ng-template>\n\n  <!-- error -->\n  <ion-item *ngIf=\"error\" hidden-xs hidden-sm hidden-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error|translate\"></ion-label>\n  </ion-item>\n\n  <div class=\"toolbar-spacer\"></div>\n\n  <button mat-icon-button\n          [title]=\"'COMMON.BTN_OPTIONS'|translate\"\n          [matMenuTriggerFor]=\"optionsMenu\">\n    <mat-icon>more_vert</mat-icon>\n  </button>\n</mat-toolbar>\n\n\n<mat-table [dataSource]=\"dataSource\" matSort\n           [matSortActive]=\"defaultSortBy\"\n           [matSortDirection]=\"defaultSortDirection\"\n           matSortDisableClear [trackBy]=\"trackByFn\">\n\n  <!-- select -->\n  <ng-container matColumnDef=\"select\">\n    <mat-header-cell *matHeaderCellDef [class.cdk-visually-hidden]=\"!canEdit\">\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\"\n                    [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\n      </mat-checkbox>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row\" [class.cdk-visually-hidden]=\"!canEdit\">\n      <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(row) : null\" [checked]=\"selection.isSelected(row)\">\n      </mat-checkbox>\n    </mat-cell>\n  </ng-container>\n\n  <!-- id -->\n  <ng-container matColumnDef=\"id\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header [class.cdk-visually-hidden]=\"!isAdmin\">\n      <app-loading-spinner [loading]=\"loadingSubject|async\"><ion-label>#</ion-label></app-loading-spinner>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row\" [class.cdk-visually-hidden]=\"!isAdmin\">{{ row.currentData.id | mathAbs }}</mat-cell>\n  </ng-container>\n\n  <!-- creationDate -->\n  <ng-container matColumnDef=\"creationDate\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header>\n      <ion-label translate>SOCIAL.USER_EVENT.CREATION_DATE</ion-label>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row\">\n      <ion-text>\n        {{row.currentData.creationDate | dateFromNow }}<br/>\n        <ion-text color=\"medium\"><small>{{row.currentData.creationDate | dateFormat: {time: true} }}</small></ion-text>\n      </ion-text>\n    </mat-cell>\n  </ng-container>\n\n  <!-- icon -->\n  <ng-container matColumnDef=\"icon\">\n    <mat-header-cell *matHeaderCellDef>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row;\">\n      <ng-container *ngIf=\"getIcon(row.currentData); let details\">\n        <ion-icon slot=\"start\" *ngIf=\"details.icon\" [name]=\"details.icon\"></ion-icon>\n        <mat-icon slot=\"start\" *ngIf=\"details.matIcon\">{{details.matIcon}}</mat-icon>\n      </ng-container>\n    </mat-cell>\n  </ng-container>\n\n  <!-- event type -->\n  <ng-container matColumnDef=\"eventType\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header>\n      <ion-label translate>SOCIAL.USER_EVENT.EVENT_TYPE</ion-label>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row;\">\n      <span>{{'SOCIAL.USER_EVENT.TYPE_ENUM.' + row.currentData.eventType | translate}}</span>\n    </mat-cell>\n  </ng-container>\n\n  <!-- message -->\n  <ng-container matColumnDef=\"message\">\n    <mat-header-cell *matHeaderCellDef>\n      <ion-label translate>SOCIAL.USER_EVENT.MESSAGE</ion-label>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row;\">\n      <ng-container *ngIf=\"getDetail(row.currentData); let details\">\n        <ion-text [innerHTML]=\"details.title|translate\">\n        </ion-text>\n      </ng-container>\n    </mat-cell>\n  </ng-container>\n\n  <!-- Actions buttons column -->\n  <ng-container matColumnDef=\"actions\">\n    <mat-header-cell *matHeaderCellDef>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row\">\n      <ng-container *ngIf=\"getDetail(row.currentData); let details\">\n        <button mat-icon-button color=\"light\"\n                *ngFor=\"let action of details.actions\"\n                [title]=\"action.title |translate\"\n                [color]=\"action.color\"\n                (click)=\"doAction(action, row)\">\n          <app-icon slot=\"start\" *ngIf=\"action.iconRef\" [ref]=\"action.iconRef\"></app-icon>\n        </button>\n      </ng-container>\n    </mat-cell>\n  </ng-container>\n\n  <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n  <mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n           class=\"mat-row-disabled\"\n           (click)=\"clickRow($event, row)\"></mat-row>\n\n</mat-table>\n\n<ion-row class=\"ion-no-padding\">\n  <ion-col></ion-col>\n  <ion-col class=\"ion-no-padding\" size=\"auto\">\n    <mat-paginator [length]=\"totalRowCount\" [pageSize]=\"defaultPageSize\" [pageSizeOptions]=\"defaultPageSizeOptions\" showFirstLastButtons>\n    </mat-paginator>\n  </ion-col>\n</ion-row>\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".mat-header-row .mat-column-icon,.mat-row .mat-column-icon{max-width:40px;padding-left:0}.mat-header-row .mat-column-icon ion-icon,.mat-header-row .mat-column-icon mat-icon,.mat-row .mat-column-icon ion-icon,.mat-row .mat-column-icon mat-icon{font-size:1.2em;height:1.2em;width:1.2em}.mat-header-row .mat-column-creationDate,.mat-row .mat-column-creationDate{min-width:100px;max-width:120px}"]
-                },] }
-    ];
-    UserEventsTable.ctorParameters = function () { return [
-        { type: i0.Injector },
-        { type: AccountService },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [USER_EVENT_SERVICE,] }] },
-        { type: EntitiesStorage },
-        { type: i0.ChangeDetectorRef },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [ENVIRONMENT,] }] }
-    ]; };
-    UserEventsTable.propDecorators = {
-        recipient: [{ type: i0.Input }],
-        withContent: [{ type: i0.Input }],
-        defaultSortBy: [{ type: i0.Input }],
-        defaultSortDirection: [{ type: i0.Input }]
-    };
 
     var UserEventNotificationList = /** @class */ (function () {
         function UserEventNotificationList(cd, popoverController, userEventService) {
@@ -31136,20 +30816,22 @@
         UserEventNotificationList.prototype.ngOnInit = function () {
             var _this = this;
             // Watch all user events
-            this.subscriptions.add(this.userEventService
-                .watchAll(0, 10, 'creationDate', "desc", undefined)
-                .subscribe(function (result) {
-                if (_this.debug)
-                    console.debug("[user-event-notification-list] receiving " + result.total + " user events", result.data);
-                _this.userEvents.next(result.data);
-                _this.markForCheck();
-            }));
-            // Listen changes
-            this.subscriptions.add(this.userEventService.listenChanges(undefined)
-                .subscribe(function (data) {
-                if (_this.debug)
-                    console.debug("[user-event-notification-list] receiving " + data.length + " new user events", data);
-            }));
+            if (this.userEventService) {
+                this.subscriptions.add(this.userEventService
+                    .watchAll(0, 10, 'creationDate', 'desc', undefined)
+                    .subscribe(function (result) {
+                    if (_this.debug)
+                        console.debug("[user-event-notification-list] receiving " + result.total + " user events", result.data);
+                    _this.userEvents.next(result.data);
+                    _this.markForCheck();
+                }));
+                // Listen changes
+                this.subscriptions.add(this.userEventService.listenChanges(undefined)
+                    .subscribe(function (data) {
+                    if (_this.debug)
+                        console.debug("[user-event-notification-list] receiving " + data.length + " new user events", data);
+                }));
+            }
         };
         UserEventNotificationList.prototype.ngOnDestroy = function () {
             this.subscriptions.unsubscribe();
@@ -31200,31 +30882,35 @@
         readEvents: [{ type: i0.Output }]
     };
 
-    var UserEventNotificationComponent = /** @class */ (function () {
-        function UserEventNotificationComponent(userEventService, accountService, popoverController) {
+    var AppUserEventNotificationIcon = /** @class */ (function () {
+        function AppUserEventNotificationIcon(userEventService, accountService, popoverController) {
             this.userEventService = userEventService;
             this.accountService = accountService;
             this.popoverController = popoverController;
             this.debug = false;
             this.titleI18n = 'SOCIAL.USER_EVENT.NOTIFICATION.TITLE';
             this.disabled = false;
+            this.filter = null;
             this._logPrefix = '[user-event-notification] ';
             this._readEvent = new i0.EventEmitter();
             this._readEvents = new i0.EventEmitter();
         }
-        Object.defineProperty(UserEventNotificationComponent.prototype, "count", {
+        Object.defineProperty(AppUserEventNotificationIcon.prototype, "countChanges", {
             get: function () {
-                var _a;
-                return (_a = this.userEventService) === null || _a === void 0 ? void 0 : _a.userEventCount.pipe(operators.map(function (value) { return value === 0 ? undefined : value; }));
+                if (!this.userEventService)
+                    return rxjs.of();
+                return this.userEventService
+                    .countSubject
+                    .pipe(operators.map(function (value) { return value === 0 ? undefined : value; }));
             },
             enumerable: false,
             configurable: true
         });
-        UserEventNotificationComponent.prototype.ngOnInit = function () {
+        AppUserEventNotificationIcon.prototype.ngOnInit = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
                         case 0:
                             if (isNil(this.userEventService)) {
                                 console.warn(this._logPrefix + "No service injected");
@@ -31235,7 +30921,7 @@
                             return [4 /*yield*/, this.userEventService.ready()];
                         case 1:
                             // Wait service
-                            _b.sent();
+                            _a.sent();
                             // Subscribe to read event
                             this._readEvent.subscribe(function (value) {
                                 // default: mark event as read
@@ -31249,11 +30935,11 @@
                 });
             });
         };
-        UserEventNotificationComponent.prototype.showList = function (event) {
+        AppUserEventNotificationIcon.prototype.showList = function (event) {
             return __awaiter(this, void 0, void 0, function () {
                 var popover;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
                         case 0:
                             // Reset count
                             this.userEventService.resetCount();
@@ -31272,141 +30958,41 @@
                                     cssClass: 'popover-large'
                                 })];
                         case 1:
-                            popover = _b.sent();
+                            popover = _a.sent();
                             return [4 /*yield*/, popover.present()];
                         case 2:
-                            _b.sent();
+                            _a.sent();
                             return [2 /*return*/];
                     }
                 });
             });
         };
-        UserEventNotificationComponent.prototype.ngOnDestroy = function () {
+        AppUserEventNotificationIcon.prototype.ngOnDestroy = function () {
             if (this.debug) {
                 console.debug(this._logPrefix + "Destroying");
             }
         };
-        return UserEventNotificationComponent;
+        return AppUserEventNotificationIcon;
     }());
-    UserEventNotificationComponent.decorators = [
+    AppUserEventNotificationIcon.decorators = [
         { type: i0.Component, args: [{
-                    selector: 'app-user-event-notification-component',
-                    template: "<button\n  #button\n  mat-icon-button\n  [title]=\"titleI18n | translate\"\n  [disabled]=\"disabled\"\n  (click)=\"showList($event)\"\n>\n  <mat-icon\n    [matBadge]=\"count | async\"\n    matBadgeColor=\"accent\"\n    matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n  >notifications\n  </mat-icon>\n</button>\n\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [""]
+                    selector: 'app-user-event-notification-icon',
+                    template: "<button\n  #button\n  mat-icon-button\n  [title]=\"titleI18n | translate\"\n  [disabled]=\"disabled\"\n  (click)=\"showList($event)\"\n>\n  <mat-icon\n    [matBadge]=\"countChanges | async\"\n    matBadgeColor=\"accent\"\n    matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n  >notifications\n  </mat-icon>\n</button>\n\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
     ];
-    UserEventNotificationComponent.ctorParameters = function () { return [
+    AppUserEventNotificationIcon.ctorParameters = function () { return [
         { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [USER_EVENT_SERVICE,] }] },
         { type: AccountService },
         { type: i1$5.PopoverController }
     ]; };
-    UserEventNotificationComponent.propDecorators = {
+    AppUserEventNotificationIcon.propDecorators = {
         debug: [{ type: i0.Input }],
         titleI18n: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }]
+        disabled: [{ type: i0.Input }],
+        filter: [{ type: i0.Input }]
     };
 
-    var UserEventTestService = /** @class */ (function (_super) {
-        __extends(UserEventTestService, _super);
-        function UserEventTestService(graphql, accountService, network, translate, environment) {
-            var _this = _super.call(this, graphql, accountService, network, translate, {
-                queries: {
-                    loadAll: null,
-                    loadAllWithContent: null
-                },
-                production: environment === null || environment === void 0 ? void 0 : environment.production
-            }) || this;
-            _this.graphql = graphql;
-            _this.accountService = accountService;
-            _this.network = network;
-            _this.translate = translate;
-            _this.environment = environment;
-            _this.userEvents = [];
-            return _this;
-        }
-        UserEventTestService.prototype.fromObject = function (source) {
-            return exports.UserEvent.fromObject(source);
-        };
-        UserEventTestService.prototype.add = function (entity) {
-            entity = this.processUserEvent(entity);
-            entity.id = this.userEvents.length + 1;
-            this.userEvents.push(entity);
-            this.count$.next(this.userEvents.length);
-        };
-        UserEventTestService.prototype.asFilter = function (filter) {
-            return filter;
-        };
-        UserEventTestService.prototype.count = function (filter, options) {
-            return Promise.resolve(this.userEvents.length);
-        };
-        UserEventTestService.prototype.delete = function (entity) {
-            return Promise.resolve(undefined);
-        };
-        UserEventTestService.prototype.deleteAll = function (data, opts) {
-            return Promise.resolve(undefined);
-        };
-        UserEventTestService.prototype.listenChanges = function (filter, options) {
-            return rxjs.of();
-        };
-        UserEventTestService.prototype.save = function (entity, options) {
-            var _a;
-            var toSave = (_a = this.userEvents) === null || _a === void 0 ? void 0 : _a.find(function (value) { return value.id == (entity === null || entity === void 0 ? void 0 : entity.id); });
-            Object.assign(toSave, entity);
-            return entity;
-        };
-        UserEventTestService.prototype.saveAll = function (data, opts) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _b, _c, entity, e_1_1;
-                var e_1, _d;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
-                        case 0:
-                            _e.trys.push([0, 5, 6, 7]);
-                            _b = __values((data || [])), _c = _b.next();
-                            _e.label = 1;
-                        case 1:
-                            if (!!_c.done) return [3 /*break*/, 4];
-                            entity = _c.value;
-                            return [4 /*yield*/, this.save(entity)];
-                        case 2:
-                            _e.sent();
-                            _e.label = 3;
-                        case 3:
-                            _c = _b.next();
-                            return [3 /*break*/, 1];
-                        case 4: return [3 /*break*/, 7];
-                        case 5:
-                            e_1_1 = _e.sent();
-                            e_1 = { error: e_1_1 };
-                            return [3 /*break*/, 7];
-                        case 6:
-                            try {
-                                if (_c && !_c.done && (_d = _b.return)) _d.call(_b);
-                            }
-                            finally { if (e_1) throw e_1.error; }
-                            return [7 /*endfinally*/];
-                        case 7: return [2 /*return*/, Promise.resolve(this.userEvents)];
-                    }
-                });
-            });
-        };
-        UserEventTestService.prototype.watchAll = function (offset, size, sortBy, sortDirection, filter, options) {
-            return rxjs.of({ data: this.userEvents });
-        };
-        return UserEventTestService;
-    }(AbstractUserEventService));
-    UserEventTestService.decorators = [
-        { type: i0.Injectable }
-    ];
-    UserEventTestService.ctorParameters = function () { return [
-        { type: GraphqlService },
-        { type: AccountService },
-        { type: NetworkService },
-        { type: i1$2.TranslateService },
-        { type: Environment, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [ENVIRONMENT,] }] }
-    ]; };
-
     var UserEventModule = /** @class */ (function () {
         function UserEventModule() {
         }
@@ -31420,16 +31006,11 @@
                         AppIconModule
                     ],
                     declarations: [
-                        UserEventsTable,
-                        UserEventNotificationComponent,
-                        UserEventNotificationList,
+                        AppUserEventNotificationIcon,
+                        UserEventNotificationList
                     ],
                     exports: [
-                        UserEventsTable,
-                        UserEventNotificationComponent
-                    ],
-                    providers: [
-                        { provide: USER_EVENT_SERVICE, useClass: UserEventTestService }
+                        AppUserEventNotificationIcon
                     ]
                 },] }
     ];
@@ -31718,7 +31299,7 @@
     ], exports.JobProgression);
 
     var JobProgressionServiceToken = new i0.InjectionToken('JobProgressionService');
-    var jobProgressionSubscription = core.gql(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["subscription UpdateJobProgression($id: Int!, $interval: Int){\n  data: updateJobProgression(id: $id, interval: $interval) {\n    id\n    name\n    message\n    current\n    total\n  }\n}"], ["subscription UpdateJobProgression($id: Int!, $interval: Int){\n  data: updateJobProgression(id: $id, interval: $interval) {\n    id\n    name\n    message\n    current\n    total\n  }\n}"])));
+    var jobProgressionSubscription = core.gql(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["subscription UpdateJobProgression($id: Int!, $interval: Int){\n  data: updateJobProgression(id: $id, interval: $interval) {\n    id\n    name\n    message\n    current\n    total\n  }\n}"], ["subscription UpdateJobProgression($id: Int!, $interval: Int){\n  data: updateJobProgression(id: $id, interval: $interval) {\n    id\n    name\n    message\n    current\n    total\n  }\n}"])));
     var JobProgressionService = /** @class */ (function (_super) {
         __extends(JobProgressionService, _super);
         function JobProgressionService(graphql, environment) {
@@ -31758,7 +31339,7 @@
         { type: GraphqlService },
         { type: Environment, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [ENVIRONMENT,] }] }
     ]; };
-    var templateObject_1$4;
+    var templateObject_1$2;
 
     var JobProgressionList = /** @class */ (function () {
         function JobProgressionList() {
@@ -32026,13 +31607,128 @@
                         SharedModule,
                         UserEventModule,
                         JobModule,
-                        MessageModule,
+                        MessageModule
                     ],
+                    exports: [
+                        UserEventModule,
+                        JobModule,
+                        MessageModule
+                    ]
                 },] }
     ];
 
+    var UserEvent_1;
+    var UserEventTypes = {
+        DEBUG_DATA: 'DEBUG_DATA',
+        INBOX_MESSAGE: 'INBOX_MESSAGE'
+    };
+    // @dynamic
+    exports.UserEvent = UserEvent_1 = /** @class */ (function (_super) {
+        __extends(UserEvent, _super);
+        function UserEvent() {
+            return _super.call(this, UserEvent_1.TYPENAME) || this;
+        }
+        UserEvent.prototype.asObject = function (opts) {
+            var target = _super.prototype.asObject.call(this, opts);
+            target.creationDate = toDateISOString(this.creationDate);
+            target.readDate = toDateISOString(this.readDate);
+            // Serialize content
+            if (typeof target.content === 'object') {
+                target.content = JSON.stringify(target.content);
+            }
+            delete target.avatar;
+            delete target.avatarIcon;
+            delete target.icon;
+            delete target.actions;
+            return target;
+        };
+        UserEvent.prototype.fromObject = function (source) {
+            Object.assign(this, source); // Copy all properties
+            _super.prototype.fromObject.call(this, source);
+            this.creationDate = fromDateISOString(source.creationDate);
+            this.readDate = fromDateISOString(source.readDate);
+            try {
+                // Deserialize content
+                if (typeof source.content === 'string' && source.content.startsWith('{')) {
+                    this.content = JSON.parse(source.content);
+                }
+                // Deserialize content.context
+                if (this.content && typeof this.content.context === 'string' && this.content.context.startsWith('{')) {
+                    this.content.context = JSON.parse(this.content.context);
+                }
+            }
+            catch (err) {
+                console.error('Error during UserEvent deserialization', err);
+            }
+        };
+        return UserEvent;
+    }(Entity));
+    exports.UserEvent = UserEvent_1 = __decorate([
+        EntityClass({ typename: 'UserEventVO' })
+    ], exports.UserEvent);
+    // @dynamic
+    exports.UserEventFilter = /** @class */ (function (_super) {
+        __extends(UserEventFilter, _super);
+        function UserEventFilter() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.types = [];
+            _this.levels = [];
+            _this.issuers = [];
+            _this.recipients = [];
+            _this.startDate = null;
+            _this.excludeRead = false;
+            return _this;
+        }
+        UserEventFilter.prototype.fromObject = function (source, opts) {
+            _super.prototype.fromObject.call(this, source, opts);
+            this.types = source.types || [];
+            this.levels = source.levels || [];
+            this.issuers = source.issuers || [];
+            this.recipients = source.recipients || [];
+            this.startDate = fromDateISOString(source.startDate);
+            this.excludeRead = source.excludeRead || false;
+        };
+        UserEventFilter.prototype.buildFilter = function () {
+            var _this = this;
+            var filterFns = _super.prototype.buildFilter.call(this);
+            if (isNotEmptyArray(this.types)) {
+                filterFns.push(function (t) { return _this.types.includes(t.type); });
+            }
+            if (isNotEmptyArray(this.levels)) {
+                filterFns.push(function (t) { return _this.levels.includes(t.level); });
+            }
+            if (isNotEmptyArray(this.issuers)) {
+                filterFns.push(function (t) { return _this.issuers.includes(t.issuer); });
+            }
+            if (isNotEmptyArray(this.recipients)) {
+                filterFns.push(function (t) { return _this.recipients.includes(t.recipient); });
+            }
+            if (isNotNil(this.startDate)) {
+                filterFns.push(function (t) { return _this.startDate.isSameOrBefore(t.creationDate); });
+            }
+            if (this.excludeRead === true) {
+                filterFns.push(function (t) { return isNil(t.readSignature); }); // todo or t.signature ?
+            }
+            return filterFns;
+        };
+        UserEventFilter.prototype.asObject = function (opts) {
+            var target = _super.prototype.asObject.call(this, opts);
+            return target;
+        };
+        return UserEventFilter;
+    }(EntityFilter));
+    exports.UserEventFilter = __decorate([
+        EntityClass({ typename: 'UserEventFilterVO' })
+    ], exports.UserEventFilter);
+
+    var UserEventFragments = {
+        userEvent: core.gql(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["fragment UserEventFragment on UserEventVO {\n    id\n    issuer\n    updateDate\n    creationDate\n    eventType\n    recipient\n    content\n    hash\n    signature\n    readSignature\n    __typename\n  }"], ["fragment UserEventFragment on UserEventVO {\n    id\n    issuer\n    updateDate\n    creationDate\n    eventType\n    recipient\n    content\n    hash\n    signature\n    readSignature\n    __typename\n  }"]))),
+        lightUserEvent: core.gql(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["fragment LightUserEventFragment on UserEventVO {\n    id\n    issuer\n    recipient\n    updateDate\n    creationDate\n    eventType\n    readSignature\n    __typename\n  }"], ["fragment LightUserEventFragment on UserEventVO {\n    id\n    issuer\n    recipient\n    updateDate\n    creationDate\n    eventType\n    readSignature\n    __typename\n  }"])))
+    };
+    var templateObject_1$3, templateObject_2$2;
+
     var Mutations = {
-        send: core.gql(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["mutation SendMessage($data: MessageVOInput){\n    done: sendMessage(message: $data)\n  }"], ["mutation SendMessage($data: MessageVOInput){\n    done: sendMessage(message: $data)\n  }"])))
+        send: core.gql(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["mutation SendMessage($data: MessageVOInput){\n    done: sendMessage(message: $data)\n  }"], ["mutation SendMessage($data: MessageVOInput){\n    done: sendMessage(message: $data)\n  }"])))
     };
     var MessageService = /** @class */ (function (_super) {
         __extends(MessageService, _super);
@@ -32116,7 +31812,7 @@
         { type: i1$5.ToastController },
         { type: Environment, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [ENVIRONMENT,] }] }
     ]; };
-    var templateObject_1$5;
+    var templateObject_1$4;
 
     var PersonFilter_1;
     // @dynamic
@@ -32175,15 +31871,15 @@
     ], exports.PersonFilter);
 
     var PersonFragments = {
-        person: core.gql(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["fragment PersonFragment on PersonVO {\n    id\n    firstName\n    lastName\n    email\n    pubkey\n    avatar\n    statusId\n    updateDate\n    creationDate\n    profiles\n    username\n    usernameExtranet\n    department {\n      id\n      label\n      name\n      logo\n      __typename\n    }\n    __typename\n  }"], ["fragment PersonFragment on PersonVO {\n    id\n    firstName\n    lastName\n    email\n    pubkey\n    avatar\n    statusId\n    updateDate\n    creationDate\n    profiles\n    username\n    usernameExtranet\n    department {\n      id\n      label\n      name\n      logo\n      __typename\n    }\n    __typename\n  }"])))
+        person: core.gql(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["fragment PersonFragment on PersonVO {\n    id\n    firstName\n    lastName\n    email\n    pubkey\n    avatar\n    statusId\n    updateDate\n    creationDate\n    profiles\n    username\n    usernameExtranet\n    department {\n      id\n      label\n      name\n      logo\n      __typename\n    }\n    __typename\n  }"], ["fragment PersonFragment on PersonVO {\n    id\n    firstName\n    lastName\n    email\n    pubkey\n    avatar\n    statusId\n    updateDate\n    creationDate\n    profiles\n    username\n    usernameExtranet\n    department {\n      id\n      label\n      name\n      logo\n      __typename\n    }\n    __typename\n  }"])))
     };
     // Load persons query
     var PersonQueries = {
-        loadAll: core.gql(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n    query Persons($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n    }\n    ", ""], ["\n    query Persons($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n    }\n    ", ""])), PersonFragments.person),
-        loadAllWithTotal: core.gql(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n    query PersonsWithTotal($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n      total: personsCount(filter: $filter)\n    }\n    ", ""], ["\n    query PersonsWithTotal($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n      total: personsCount(filter: $filter)\n    }\n    ", ""])), PersonFragments.person)
+        loadAll: core.gql(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n    query Persons($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n    }\n    ", ""], ["\n    query Persons($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n    }\n    ", ""])), PersonFragments.person),
+        loadAllWithTotal: core.gql(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    query PersonsWithTotal($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n      total: personsCount(filter: $filter)\n    }\n    ", ""], ["\n    query PersonsWithTotal($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n      total: personsCount(filter: $filter)\n    }\n    ", ""])), PersonFragments.person)
     };
     var PersonMutations = {
-        saveAll: core.gql(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n    mutation savePersons($data:[PersonVOInput]){\n      data: savePersons(persons: $data){\n        ...PersonFragment\n      }\n    }\n    ", ""], ["\n    mutation savePersons($data:[PersonVOInput]){\n      data: savePersons(persons: $data){\n        ...PersonFragment\n      }\n    }\n    ", ""])), PersonFragments.person),
+        saveAll: core.gql(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    mutation savePersons($data:[PersonVOInput]){\n      data: savePersons(persons: $data){\n        ...PersonFragment\n      }\n    }\n    ", ""], ["\n    mutation savePersons($data:[PersonVOInput]){\n      data: savePersons(persons: $data){\n        ...PersonFragment\n      }\n    }\n    ", ""])), PersonFragments.person),
         deleteAll: core.gql(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    mutation deletePersons($ids:[Int]){\n      deletePersons(ids: $ids)\n    }"], ["\n    mutation deletePersons($ids:[Int]){\n      deletePersons(ids: $ids)\n    }"])))
     };
     var PersonService = /** @class */ (function (_super_1) {
@@ -32315,7 +32011,7 @@
         { type: NetworkService },
         { type: EntitiesStorage }
     ]; };
-    var templateObject_1$6, templateObject_2$4, templateObject_3$3, templateObject_4$3, templateObject_5$2;
+    var templateObject_1$5, templateObject_2$3, templateObject_3$2, templateObject_4$2, templateObject_5$2;
 
     var PersonValidatorService = /** @class */ (function () {
         function PersonValidatorService(formBuilder, accountValidatorService) {
@@ -34212,6 +33908,7 @@
     exports.AppTable = AppTable;
     exports.AppTableDataSourceOptions = AppTableDataSourceOptions;
     exports.AppTableUtils = AppTableUtils;
+    exports.AppUserEventNotificationIcon = AppUserEventNotificationIcon;
     exports.AppValidatorService = AppValidatorService;
     exports.AppendToInputDirective = AppendToInputDirective;
     exports.ArrayFilterPipe = ArrayFilterPipe;
@@ -34448,10 +34145,7 @@
     exports.UriUtils = UriUtils;
     exports.UserEventFragments = UserEventFragments;
     exports.UserEventModule = UserEventModule;
-    exports.UserEventNotificationComponent = UserEventNotificationComponent;
-    exports.UserEventService = UserEventService;
     exports.UserEventTypes = UserEventTypes;
-    exports.UserEventsTable = UserEventsTable;
     exports.UsersPage = UsersPage;
     exports.accountToString = accountToString;
     exports.adaptValueToControl = adaptValueToControl;
@@ -34615,13 +34309,12 @@
     exports.ɵh = LocalSettingsValidatorService;
     exports.ɵi = AppUpdateOfflineModeCard;
     exports.ɵj = UserEventNotificationList;
-    exports.ɵk = UserEventTestService;
-    exports.ɵl = JobProgressionList;
-    exports.ɵm = DateTestPage;
-    exports.ɵn = NumpadTestPage;
-    exports.ɵo = MatBadgeIconTestPage;
-    exports.ɵp = ToastTestingModule;
-    exports.ɵq = ToastTestingPage;
+    exports.ɵk = JobProgressionList;
+    exports.ɵl = DateTestPage;
+    exports.ɵm = NumpadTestPage;
+    exports.ɵn = MatBadgeIconTestPage;
+    exports.ɵo = ToastTestingModule;
+    exports.ɵp = ToastTestingPage;
 
     Object.defineProperty(exports, '__esModule', { value: true });