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

package/fesm2015/sumaris-net.ngx-components.js

@@ -21485,7 +21485,7 @@ class MenuComponent {
 MenuComponent.decorators = [
     { type: 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: 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)}}"]
@@ -25958,130 +25958,6 @@ const SocialErrorCodes = {
     SUBSCRIBE_JOB_PROGRESSION_ERROR: 50010
 };
 
-var UserEvent_1;
-const UserEventTypes = {
-    DEBUG_DATA: 'DEBUG_DATA',
-    INBOX_MESSAGE: 'INBOX_MESSAGE'
-};
-// @dynamic
-let UserEvent = UserEvent_1 = class UserEvent extends Entity {
-    constructor() {
-        super(UserEvent_1.TYPENAME);
-    }
-    asObject(opts) {
-        const target = super.asObject(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;
-    }
-    fromObject(source) {
-        Object.assign(this, source); // Copy all properties
-        super.fromObject(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);
-        }
-    }
-};
-UserEvent = UserEvent_1 = __decorate([
-    EntityClass({ typename: 'UserEventVO' })
-], UserEvent);
-// @dynamic
-let UserEventFilter = class UserEventFilter extends EntityFilter {
-    constructor() {
-        super(...arguments);
-        this.types = [];
-        this.levels = [];
-        this.issuers = [];
-        this.recipients = [];
-        this.startDate = null;
-        this.excludeRead = false;
-    }
-    fromObject(source, opts) {
-        super.fromObject(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;
-    }
-    buildFilter() {
-        const filterFns = super.buildFilter();
-        if (isNotEmptyArray(this.types)) {
-            filterFns.push(t => this.types.includes(t.type));
-        }
-        if (isNotEmptyArray(this.levels)) {
-            filterFns.push(t => this.levels.includes(t.level));
-        }
-        if (isNotEmptyArray(this.issuers)) {
-            filterFns.push(t => this.issuers.includes(t.issuer));
-        }
-        if (isNotEmptyArray(this.recipients)) {
-            filterFns.push(t => this.recipients.includes(t.recipient));
-        }
-        if (isNotNil(this.startDate)) {
-            filterFns.push(t => this.startDate.isSameOrBefore(t.creationDate));
-        }
-        if (this.excludeRead === true) {
-            filterFns.push(t => isNil(t.readSignature)); // todo or t.signature ?
-        }
-        return filterFns;
-    }
-    asObject(opts) {
-        const target = super.asObject(opts);
-        return target;
-    }
-};
-UserEventFilter = __decorate([
-    EntityClass({ typename: 'UserEventFilterVO' })
-], UserEventFilter);
-
-const UserEventFragments = {
-    userEvent: gql `fragment UserEventFragment on UserEventVO {
-    id
-    issuer
-    updateDate
-    creationDate
-    eventType
-    recipient
-    content
-    hash
-    signature
-    readSignature
-    __typename
-  }`,
-    lightUserEvent: gql `fragment LightUserEventFragment on UserEventVO {
-    id
-    issuer
-    recipient
-    updateDate
-    creationDate
-    eventType
-    readSignature
-    __typename
-  }`
-};
-
 const moment$6 = momentImported;
 const USER_EVENT_SERVICE = new InjectionToken('UserEventService');
 class AbstractUserEventService extends BaseGraphqlService {
@@ -26092,7 +25968,7 @@ class AbstractUserEventService extends BaseGraphqlService {
         this.network = network;
         this.translate = translate;
         this.options = options;
-        this.count$ = new BehaviorSubject(0);
+        this._countSubject = new BehaviorSubject(0);
         this.listeners = [];
         this._subscriptions = new Subscription();
         this.queries = options.queries;
@@ -26100,13 +25976,14 @@ class AbstractUserEventService extends BaseGraphqlService {
         this.subscriptions = options.subscriptions || {};
         this._logPrefix = '[user-event-service] ';
     }
-    get userEventCount() {
-        return this.count$.asObservable();
+    get countSubject() {
+        return this._countSubject;
     }
     ngOnStart() {
         return __awaiter(this, void 0, void 0, function* () {
             // Update component when refresh is need (=login events)
-            this._subscriptions.add(merge(this.accountService.onLogin, this.accountService.onLogout)
+            this._subscriptions.add(merge(this.accountService.onLogin, this.accountService.onLogout, of() // Starts with -  first attempt if account is ready
+            )
                 .pipe(
             // Wait account service ready (can be restarted)
             mergeMap(() => this.accountService.ready()), map(() => this.accountService.isLogin()), distinctUntilChanged())
@@ -26118,11 +25995,6 @@ class AbstractUserEventService extends BaseGraphqlService {
                     this.onLogout();
                 }
             }));
-            // First attempt if account is ready
-            yield this.accountService.ready();
-            if (this.accountService.isLogin()) {
-                setTimeout(() => this.onLogin());
-            }
         });
     }
     ngOnDestroy() {
@@ -26185,7 +26057,7 @@ class AbstractUserEventService extends BaseGraphqlService {
             data: entity
         });
         // Update count
-        this.count$.next(this.count$.value + 1);
+        this._countSubject.next(this._countSubject.value + 1);
     }
     count(filter, options) {
         var _a;
@@ -26237,7 +26109,7 @@ class AbstractUserEventService extends BaseGraphqlService {
             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;
         }));
     }
@@ -26383,7 +26255,7 @@ class AbstractUserEventService extends BaseGraphqlService {
         this.listeners.push(listener);
     }
     resetCount() {
-        this.count$.next(undefined);
+        this._countSubject.next(undefined);
         this.resetCountDate = moment$6();
         // restart listening count changes
         this.startListenCountChanges();
@@ -26396,7 +26268,7 @@ class AbstractUserEventService extends BaseGraphqlService {
             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();
         });
@@ -26507,197 +26379,6 @@ AbstractUserEventService.ctorParameters = () => [
     { type: TranslateService },
     { type: undefined }
 ];
-const userEventQueries = {
-    loadAll: gql `
-    query UserEvents($filter: UserEventFilterVOInput, $page: PageInput){
-      data: userEvents(filter: $filter, page: $page){
-        ...LightUserEventFragment
-      }
-    }
-    ${UserEventFragments.lightUserEvent}
-  `,
-    loadAllWithContent: gql `
-    query UserEventsWithContent($filter: UserEventFilterVOInput, $page: PageInput){
-      data: userEvents(filter: $filter, page: $page){
-        ...UserEventFragment
-      }
-    }
-    ${UserEventFragments.userEvent}
-  `
-};
-const userEventMutations = {
-    deleteByIds: gql `
-    mutation DeleteUserEvents($ids:[Int]){
-      deleteUserEvents(ids: $ids)
-    }
-  `,
-    save: gql `
-    mutation SaveUserEvent($data: UserEventVOInput){
-      data: saveUserEvent(userEvent: $data){
-        ...UserEventFragment
-      }
-    }
-    ${UserEventFragments.userEvent}
-  `
-};
-class UserEventService extends AbstractUserEventService {
-    constructor(graphql, accountService, network, translate, environment) {
-        super(graphql, accountService, network, translate, {
-            queries: userEventQueries,
-            mutations: userEventMutations,
-            production: environment === null || environment === void 0 ? void 0 : environment.production
-        });
-        this.graphql = graphql;
-        this.accountService = accountService;
-        this.network = network;
-        this.translate = translate;
-        this.environment = environment;
-    }
-    asFilter(filter) {
-        return UserEventFilter.fromObject(filter);
-    }
-    fromObject(source) {
-        return UserEvent.fromObject(source);
-    }
-    /* -- protected methods -- */
-    fillDefaultProperties(entity) {
-        entity.issuer = this.accountService.account.pubkey;
-        // TODO: compute hash (using cryptoService)
-        // TODO: compute sign
-        console.warn('TODO: sign user event before sending');
-    }
-}
-UserEventService.decorators = [
-    { type: Injectable }
-];
-UserEventService.ctorParameters = () => [
-    { type: GraphqlService },
-    { type: AccountService },
-    { type: NetworkService },
-    { type: TranslateService },
-    { type: Environment, decorators: [{ type: Optional }, { type: Inject, args: [ENVIRONMENT,] }] }
-];
-
-const ICONS_MAP = {
-    DEBUG_DATA: { matIcon: 'bug_report' },
-    INBOX_MESSAGE: { matIcon: 'mail' }
-};
-class UserEventsTable extends AppTable {
-    constructor(injector, accountService, service, entities, cd, environment) {
-        super(injector, 
-        // columns
-        RESERVED_START_COLUMNS
-            .concat([
-            'creationDate',
-            'icon',
-            'eventType',
-            'message'
-        ])
-            .concat(RESERVED_END_COLUMNS), null, null);
-        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';
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        // Load date/time pattern
-        this.dateTimePattern = this.translate.instant('COMMON.DATE_TIME_PATTERN');
-        this.withContent = toBoolean(this.withContent, false);
-        const account = this.accountService.account;
-        const pubkey = account && account.pubkey;
-        this.isAdmin = this.accountService.isAdmin();
-        this.canEdit = this.isAdmin || pubkey === this.recipient;
-        this.canDelete = this.canEdit;
-        this.setDatasource(new EntitiesTableDataSource(UserEvent, this.service, null, {
-            prependNewElements: false,
-            suppressErrors: true,
-            dataServiceOptions: {
-                withContent: this.withContent
-            }
-        }));
-        const filter = this.filter || new UserEventFilter();
-        filter.recipients = [this.recipient];
-        this.setFilter(filter, { emitEvent: true });
-    }
-    start() {
-        return __awaiter(this, void 0, void 0, function* () {
-            console.debug('[user-event] Starting...');
-            // Waiting account to be ready
-            yield this.accountService.ready();
-            // Load data
-            this.onRefresh.emit();
-        });
-    }
-    getIcon(source) {
-        return ICONS_MAP[source.type];
-    }
-    getDetail(source) {
-        if (!source)
-            return undefined;
-        if (source.content && source.type === UserEventTypes.DEBUG_DATA) {
-            const 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 {};
-    }
-    doAction(action, row) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const event = row.currentData;
-            // const context = event.content && event.content.context;
-            this.markAsLoading();
-            if (action && typeof action.executeAction === 'function') {
-                try {
-                    let res = action.executeAction(event /*, context*/);
-                    res = (res instanceof Promise) ? yield res : res;
-                }
-                catch (err) {
-                    this.setError(err && err.message || err);
-                    console.error(`[user-event] Failed to execute action ${action.name}: ${err && err.message || err}`, err);
-                }
-                finally {
-                    this.markAsLoaded();
-                }
-            }
-        });
-    }
-}
-UserEventsTable.decorators = [
-    { type: 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: 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 = () => [
-    { type: Injector },
-    { type: AccountService },
-    { type: undefined, decorators: [{ type: Inject, args: [USER_EVENT_SERVICE,] }] },
-    { type: EntitiesStorage },
-    { type: ChangeDetectorRef },
-    { type: undefined, decorators: [{ type: Inject, args: [ENVIRONMENT,] }] }
-];
-UserEventsTable.propDecorators = {
-    recipient: [{ type: Input }],
-    withContent: [{ type: Input }],
-    defaultSortBy: [{ type: Input }],
-    defaultSortDirection: [{ type: Input }]
-};
 
 class UserEventNotificationList {
     constructor(cd, popoverController, userEventService) {
@@ -26710,20 +26391,22 @@ class UserEventNotificationList {
     }
     ngOnInit() {
         // Watch all user events
-        this.subscriptions.add(this.userEventService
-            .watchAll(0, 10, 'creationDate', "desc", undefined)
-            .subscribe(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(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(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(data => {
+                if (this.debug)
+                    console.debug(`[user-event-notification-list] receiving ${data.length} new user events`, data);
+            }));
+        }
     }
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
@@ -26773,7 +26456,7 @@ UserEventNotificationList.propDecorators = {
     readEvents: [{ type: Output }]
 };
 
-class UserEventNotificationComponent {
+class AppUserEventNotificationIcon {
     constructor(userEventService, accountService, popoverController) {
         this.userEventService = userEventService;
         this.accountService = accountService;
@@ -26781,13 +26464,17 @@ class UserEventNotificationComponent {
         this.debug = false;
         this.titleI18n = 'SOCIAL.USER_EVENT.NOTIFICATION.TITLE';
         this.disabled = false;
+        this.filter = null;
         this._logPrefix = '[user-event-notification] ';
         this._readEvent = new EventEmitter();
         this._readEvents = new EventEmitter();
     }
-    get count() {
-        var _a;
-        return (_a = this.userEventService) === null || _a === void 0 ? void 0 : _a.userEventCount.pipe(map(value => value === 0 ? undefined : value));
+    get countChanges() {
+        if (!this.userEventService)
+            return of();
+        return this.userEventService
+            .countSubject
+            .pipe(map(value => value === 0 ? undefined : value));
     }
     ngOnInit() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -26835,94 +26522,25 @@ class UserEventNotificationComponent {
         }
     }
 }
-UserEventNotificationComponent.decorators = [
+AppUserEventNotificationIcon.decorators = [
     { type: 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: 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: ChangeDetectionStrategy.OnPush
             },] }
 ];
-UserEventNotificationComponent.ctorParameters = () => [
+AppUserEventNotificationIcon.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [USER_EVENT_SERVICE,] }] },
     { type: AccountService },
     { type: PopoverController }
 ];
-UserEventNotificationComponent.propDecorators = {
+AppUserEventNotificationIcon.propDecorators = {
     debug: [{ type: Input }],
     titleI18n: [{ type: Input }],
-    disabled: [{ type: Input }]
+    disabled: [{ type: Input }],
+    filter: [{ type: Input }]
 };
 
-class UserEventTestService extends AbstractUserEventService {
-    constructor(graphql, accountService, network, translate, environment) {
-        super(graphql, accountService, network, translate, {
-            queries: {
-                loadAll: null,
-                loadAllWithContent: null
-            },
-            production: environment === null || environment === void 0 ? void 0 : environment.production
-        });
-        this.graphql = graphql;
-        this.accountService = accountService;
-        this.network = network;
-        this.translate = translate;
-        this.environment = environment;
-        this.userEvents = [];
-    }
-    fromObject(source) {
-        return UserEvent.fromObject(source);
-    }
-    add(entity) {
-        entity = this.processUserEvent(entity);
-        entity.id = this.userEvents.length + 1;
-        this.userEvents.push(entity);
-        this.count$.next(this.userEvents.length);
-    }
-    asFilter(filter) {
-        return filter;
-    }
-    count(filter, options) {
-        return Promise.resolve(this.userEvents.length);
-    }
-    delete(entity) {
-        return Promise.resolve(undefined);
-    }
-    deleteAll(data, opts) {
-        return Promise.resolve(undefined);
-    }
-    listenChanges(filter, options) {
-        return of();
-    }
-    save(entity, options) {
-        var _a;
-        const toSave = (_a = this.userEvents) === null || _a === void 0 ? void 0 : _a.find(value => value.id == (entity === null || entity === void 0 ? void 0 : entity.id));
-        Object.assign(toSave, entity);
-        return entity;
-    }
-    saveAll(data, opts) {
-        return __awaiter(this, void 0, void 0, function* () {
-            for (const entity of (data || [])) {
-                yield this.save(entity);
-            }
-            return Promise.resolve(this.userEvents);
-        });
-    }
-    watchAll(offset, size, sortBy, sortDirection, filter, options) {
-        return of({ data: this.userEvents });
-    }
-}
-UserEventTestService.decorators = [
-    { type: Injectable }
-];
-UserEventTestService.ctorParameters = () => [
-    { type: GraphqlService },
-    { type: AccountService },
-    { type: NetworkService },
-    { type: TranslateService },
-    { type: Environment, decorators: [{ type: Optional }, { type: Inject, args: [ENVIRONMENT,] }] }
-];
-
 class UserEventModule {
 }
 UserEventModule.decorators = [
@@ -26933,16 +26551,11 @@ UserEventModule.decorators = [
                     AppIconModule
                 ],
                 declarations: [
-                    UserEventsTable,
-                    UserEventNotificationComponent,
-                    UserEventNotificationList,
+                    AppUserEventNotificationIcon,
+                    UserEventNotificationList
                 ],
                 exports: [
-                    UserEventsTable,
-                    UserEventNotificationComponent
-                ],
-                providers: [
-                    { provide: USER_EVENT_SERVICE, useClass: UserEventTestService }
+                    AppUserEventNotificationIcon
                 ]
             },] }
 ];
@@ -27484,11 +27097,140 @@ SocialModule.decorators = [
                     SharedModule,
                     UserEventModule,
                     JobModule,
-                    MessageModule,
+                    MessageModule
                 ],
+                exports: [
+                    UserEventModule,
+                    JobModule,
+                    MessageModule
+                ]
             },] }
 ];
 
+var UserEvent_1;
+const UserEventTypes = {
+    DEBUG_DATA: 'DEBUG_DATA',
+    INBOX_MESSAGE: 'INBOX_MESSAGE'
+};
+// @dynamic
+let UserEvent = UserEvent_1 = class UserEvent extends Entity {
+    constructor() {
+        super(UserEvent_1.TYPENAME);
+    }
+    asObject(opts) {
+        const target = super.asObject(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;
+    }
+    fromObject(source) {
+        Object.assign(this, source); // Copy all properties
+        super.fromObject(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);
+        }
+    }
+};
+UserEvent = UserEvent_1 = __decorate([
+    EntityClass({ typename: 'UserEventVO' })
+], UserEvent);
+// @dynamic
+let UserEventFilter = class UserEventFilter extends EntityFilter {
+    constructor() {
+        super(...arguments);
+        this.types = [];
+        this.levels = [];
+        this.issuers = [];
+        this.recipients = [];
+        this.startDate = null;
+        this.excludeRead = false;
+    }
+    fromObject(source, opts) {
+        super.fromObject(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;
+    }
+    buildFilter() {
+        const filterFns = super.buildFilter();
+        if (isNotEmptyArray(this.types)) {
+            filterFns.push(t => this.types.includes(t.type));
+        }
+        if (isNotEmptyArray(this.levels)) {
+            filterFns.push(t => this.levels.includes(t.level));
+        }
+        if (isNotEmptyArray(this.issuers)) {
+            filterFns.push(t => this.issuers.includes(t.issuer));
+        }
+        if (isNotEmptyArray(this.recipients)) {
+            filterFns.push(t => this.recipients.includes(t.recipient));
+        }
+        if (isNotNil(this.startDate)) {
+            filterFns.push(t => this.startDate.isSameOrBefore(t.creationDate));
+        }
+        if (this.excludeRead === true) {
+            filterFns.push(t => isNil(t.readSignature)); // todo or t.signature ?
+        }
+        return filterFns;
+    }
+    asObject(opts) {
+        const target = super.asObject(opts);
+        return target;
+    }
+};
+UserEventFilter = __decorate([
+    EntityClass({ typename: 'UserEventFilterVO' })
+], UserEventFilter);
+
+const UserEventFragments = {
+    userEvent: gql `fragment UserEventFragment on UserEventVO {
+    id
+    issuer
+    updateDate
+    creationDate
+    eventType
+    recipient
+    content
+    hash
+    signature
+    readSignature
+    __typename
+  }`,
+    lightUserEvent: gql `fragment LightUserEventFragment on UserEventVO {
+    id
+    issuer
+    recipient
+    updateDate
+    creationDate
+    eventType
+    readSignature
+    __typename
+  }`
+};
+
 const Mutations = {
     send: gql `mutation SendMessage($data: MessageVOInput){
     done: sendMessage(message: $data)
@@ -29420,5 +29162,5 @@ CoreTestingModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_CONFIG_OPTIONS, APP_FORM_ERROR_I18N_KEYS, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_MENU_ITEMS, APP_MENU_OPTIONS, APP_TESTING_PAGES, AboutModal, AbstractUserEventService, Account, AccountPage, AccountService, AccountToStringPipe, ActionsColumnComponent, AdminModule, AdminRoutingModule, Alerts, AndroidOsEnvironment, AnimationState, AppEditor, AppEditorOptions, AppEntityEditor, AppEntityEditorModal, AppEntityEditorModalOptions, AppForm, AppFormField, AppFormProvider, AppFormUtils, AppGestureConfig, AppGraphQLModule, AppHelpModal, AppIconComponent, AppIconModule, AppInMemoryTable, AppInstallUpgradeCard, AppListForm, AppLoadingSpinner, AppMenuModule, AppNullForm, AppPropertiesForm, AppTabEditor, AppTabEditorOptions, AppTable, AppTableDataSourceOptions, AppTableUtils, AppValidatorService, AppendToInputDirective, ArrayFilterPipe, ArrayFirstPipe, ArrayIncludesPipe, ArrayLengthPipe, ArrayPluckPipe, AudioProvider, AuthForm, AuthGuardService, AuthModal, AutoTitleDirective, AutocompleteTestPage, AutofocusDirective, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, CORE_CONFIG_OPTIONS, CORE_TESTING_PAGES, CellValueChangeListener, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigService, Configuration, CoreModule, CoreTestingModule, CryptoService, CsvUtils, DATE_ISO_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_MENU_SHOW_WHEN, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFromNowPipe, DateTimeTestPage, DateUtils, Department, DepartmentToStringPipe, DragAndDropDirective, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, ErrorCodes, EvenPipe, FileResponse, FileService, FileSizePipe, FilesUtils, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormErrorTranslatePipe, FormErrorTranslator, FormFieldValuesHolder, FormGetArrayPipe, FormGetControlPipe, FormGetGroupPipe, FormGetPipe, FormGetValuePipe, Fragments$1 as Fragments, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, InMemoryEntitiesService, IsLoginAccountPipe, IsNilOrBlankPipe, IsNotNilOrBlankPipe, IsNotOnFieldModePipe, IsOnFieldModePipe, Job, JobModule, JobProgression, JobProgressionComponent, JobProgressionService, JobProgressionServiceToken, JobUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_DEFAULT_MAX_DECIMALS, LAT_LONG_PATTERNS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, LocalSettingsService, LongitudeFormatPipe, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MapGetPipe, MapKeysPipe, MapValuesPipe, MatAutocompleteConfigHolder, MatAutocompleteField, MatBadgeIconDirective, MatBooleanField, MatChipsField, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatNumpadComponent, MatNumpadContainerComponent, MatNumpadContent, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialTestingModule, MathAbsPipe, MenuComponent, MenuItems, MenuOptions, MenuService, Message, MessageFilter, MessageForm, MessageModal, MessageModule, MessageService, MessageTypeList, MessageTypes, MimeTypes, ModalToolbarComponent, NetworkService, NgInitDirective, NgVarDirective, NotEmptyArrayPipe, NumberFormatPipe, NumpadDirective, OddPipe, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, ProgressBarService, ProgressInterceptor, PropertyFormatPipe, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialFilter, ReferentialRef, ReferentialUtils, ReferentialValidatorService, RegisterConfirmPage, ResizableComponent, ResizableDirective, ResizableModule, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SHARED_MATERIAL_TESTING_PAGES, SHARED_TESTING_PAGES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, ServerErrorCodes, SettingsPage, SharedAsyncValidators, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBadgeIconModule, SharedMatBooleanModule, SharedMatChipsModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatNumpadModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedTestsPage, SharedValidators, SocialErrorCodes, SocialModule, SocialModuleOptionsToken, Software, StartableService, StatusById, StatusIds, StatusList, StrIncludesPipe, StrLengthPipe, SwipeTestPage, TableSelectColumnsComponent, TableTestPage, TableTestingModule, TextForm, TextPopover, TextPopoverTestingModule, TextPopoverTestingPage, ToStringPipe, Toasts, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, USER_EVENT_SERVICE, UploadFile, UploadFileComponent, UploadFilePopover, UploadFileTestingModule, UploadFileTestingPage, UriUtils, UserEvent, UserEventFilter, UserEventFragments, UserEventModule, UserEventNotificationComponent, UserEventService, UserEventTypes, UserEventsTable, UserSettings, UsersPage, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayGroupBy, arraySize, asInputElement, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, copyEntity2Form, createPromiseEvent, createPromiseEventEmitter, departmentToString, departmentsToString, disableControls, emitPromiseEvent, entityToString, equals, equalsOrNil, escapeRegExp, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalse, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTrue, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorShade, getColorTint, getConnectionType, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, hexToRgb, hexToRgbArray, isAndroid, isBlankString, isControlHasInput, isCordova, isEmptyArray, isIOS, isInputElement, isInstanceOf, isInt, isMobile, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilBoolean, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, isProgressEvent, isResponseEvent, isTouchUi, isWindows, joinProperties, joinPropertiesPath, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchMedia, matchUpperCase, mergeLoadResult, mixHex, moment$5 as moment, moveInputCaretToSeparator, noTrailingSlash, notNilOrDefault, nullIfUndefined, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, referentialToString, referentialsToString, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputRange, setCalculatedValue, setTabIndex, sleep, slideInOutAnimation, slideUpDownAnimation, sort, splitById, splitByProperty, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, testUserAgent, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, tz, uncapitalizeFirstLetter, updateValueAndValidity, waitFor, waitForFalse, waitForTrue, waitIdle, waitWhilePending, ɵ0, CustomReuseStrategy as ɵa, MatNumpadDomService as ɵb, isFocusableElement as ɵc, RegisterForm as ɵd, AccountValidatorService as ɵe, RegisterModal as ɵf, UserSettingsValidatorService as ɵg, LocalSettingsValidatorService as ɵh, AppUpdateOfflineModeCard as ɵi, UserEventNotificationList as ɵj, UserEventTestService as ɵk, JobProgressionList as ɵl, DateTestPage as ɵm, NumpadTestPage as ɵn, MatBadgeIconTestPage as ɵo, ToastTestingModule as ɵp, ToastTestingPage as ɵq };
+export { APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_CONFIG_OPTIONS, APP_FORM_ERROR_I18N_KEYS, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_MENU_ITEMS, APP_MENU_OPTIONS, APP_TESTING_PAGES, AboutModal, AbstractUserEventService, Account, AccountPage, AccountService, AccountToStringPipe, ActionsColumnComponent, AdminModule, AdminRoutingModule, Alerts, AndroidOsEnvironment, AnimationState, AppEditor, AppEditorOptions, AppEntityEditor, AppEntityEditorModal, AppEntityEditorModalOptions, AppForm, AppFormField, AppFormProvider, AppFormUtils, AppGestureConfig, AppGraphQLModule, AppHelpModal, AppIconComponent, AppIconModule, AppInMemoryTable, AppInstallUpgradeCard, AppListForm, AppLoadingSpinner, AppMenuModule, AppNullForm, AppPropertiesForm, AppTabEditor, AppTabEditorOptions, AppTable, AppTableDataSourceOptions, AppTableUtils, AppUserEventNotificationIcon, AppValidatorService, AppendToInputDirective, ArrayFilterPipe, ArrayFirstPipe, ArrayIncludesPipe, ArrayLengthPipe, ArrayPluckPipe, AudioProvider, AuthForm, AuthGuardService, AuthModal, AutoTitleDirective, AutocompleteTestPage, AutofocusDirective, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, CORE_CONFIG_OPTIONS, CORE_TESTING_PAGES, CellValueChangeListener, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigService, Configuration, CoreModule, CoreTestingModule, CryptoService, CsvUtils, DATE_ISO_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_MENU_SHOW_WHEN, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFromNowPipe, DateTimeTestPage, DateUtils, Department, DepartmentToStringPipe, DragAndDropDirective, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, ErrorCodes, EvenPipe, FileResponse, FileService, FileSizePipe, FilesUtils, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormErrorTranslatePipe, FormErrorTranslator, FormFieldValuesHolder, FormGetArrayPipe, FormGetControlPipe, FormGetGroupPipe, FormGetPipe, FormGetValuePipe, Fragments$1 as Fragments, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, InMemoryEntitiesService, IsLoginAccountPipe, IsNilOrBlankPipe, IsNotNilOrBlankPipe, IsNotOnFieldModePipe, IsOnFieldModePipe, Job, JobModule, JobProgression, JobProgressionComponent, JobProgressionService, JobProgressionServiceToken, JobUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_DEFAULT_MAX_DECIMALS, LAT_LONG_PATTERNS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, LocalSettingsService, LongitudeFormatPipe, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MapGetPipe, MapKeysPipe, MapValuesPipe, MatAutocompleteConfigHolder, MatAutocompleteField, MatBadgeIconDirective, MatBooleanField, MatChipsField, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatNumpadComponent, MatNumpadContainerComponent, MatNumpadContent, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialTestingModule, MathAbsPipe, MenuComponent, MenuItems, MenuOptions, MenuService, Message, MessageFilter, MessageForm, MessageModal, MessageModule, MessageService, MessageTypeList, MessageTypes, MimeTypes, ModalToolbarComponent, NetworkService, NgInitDirective, NgVarDirective, NotEmptyArrayPipe, NumberFormatPipe, NumpadDirective, OddPipe, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, ProgressBarService, ProgressInterceptor, PropertyFormatPipe, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialFilter, ReferentialRef, ReferentialUtils, ReferentialValidatorService, RegisterConfirmPage, ResizableComponent, ResizableDirective, ResizableModule, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SHARED_MATERIAL_TESTING_PAGES, SHARED_TESTING_PAGES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, ServerErrorCodes, SettingsPage, SharedAsyncValidators, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBadgeIconModule, SharedMatBooleanModule, SharedMatChipsModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatNumpadModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedTestsPage, SharedValidators, SocialErrorCodes, SocialModule, SocialModuleOptionsToken, Software, StartableService, StatusById, StatusIds, StatusList, StrIncludesPipe, StrLengthPipe, SwipeTestPage, TableSelectColumnsComponent, TableTestPage, TableTestingModule, TextForm, TextPopover, TextPopoverTestingModule, TextPopoverTestingPage, ToStringPipe, Toasts, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, USER_EVENT_SERVICE, UploadFile, UploadFileComponent, UploadFilePopover, UploadFileTestingModule, UploadFileTestingPage, UriUtils, UserEvent, UserEventFilter, UserEventFragments, UserEventModule, UserEventTypes, UserSettings, UsersPage, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayGroupBy, arraySize, asInputElement, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, copyEntity2Form, createPromiseEvent, createPromiseEventEmitter, departmentToString, departmentsToString, disableControls, emitPromiseEvent, entityToString, equals, equalsOrNil, escapeRegExp, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalse, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTrue, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorShade, getColorTint, getConnectionType, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, hexToRgb, hexToRgbArray, isAndroid, isBlankString, isControlHasInput, isCordova, isEmptyArray, isIOS, isInputElement, isInstanceOf, isInt, isMobile, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilBoolean, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, isProgressEvent, isResponseEvent, isTouchUi, isWindows, joinProperties, joinPropertiesPath, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchMedia, matchUpperCase, mergeLoadResult, mixHex, moment$5 as moment, moveInputCaretToSeparator, noTrailingSlash, notNilOrDefault, nullIfUndefined, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, referentialToString, referentialsToString, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputRange, setCalculatedValue, setTabIndex, sleep, slideInOutAnimation, slideUpDownAnimation, sort, splitById, splitByProperty, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, testUserAgent, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, tz, uncapitalizeFirstLetter, updateValueAndValidity, waitFor, waitForFalse, waitForTrue, waitIdle, waitWhilePending, ɵ0, CustomReuseStrategy as ɵa, MatNumpadDomService as ɵb, isFocusableElement as ɵc, RegisterForm as ɵd, AccountValidatorService as ɵe, RegisterModal as ɵf, UserSettingsValidatorService as ɵg, LocalSettingsValidatorService as ɵh, AppUpdateOfflineModeCard as ɵi, UserEventNotificationList as ɵj, JobProgressionList as ɵk, DateTestPage as ɵl, NumpadTestPage as ɵm, MatBadgeIconTestPage as ɵn, ToastTestingModule as ɵo, ToastTestingPage as ɵp };
 //# sourceMappingURL=sumaris-net.ngx-components.js.map