@sumaris-net/ngx-components 1.22.9 → 1.22.11-rc10

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

@@ -32,10 +32,10 @@ import { MatAutocomplete, MatAutocompleteTrigger, MatAutocompleteModule, MAT_AUT
 import { __awaiter, __decorate } from 'tslib';
 import { Validators, NG_VALUE_ACCESSOR, FormGroupDirective, AbstractControl, FormGroup, FormArray, FormControl, ReactiveFormsModule, FormBuilder } from '@angular/forms';
 import { timer, merge, fromEvent, BehaviorSubject, Subscription, Subject, isObservable, from, of, noop as noop$9, Observable, defer, forkJoin, interval, combineLatest, EMPTY } from 'rxjs';
-import { filter, first, map, takeUntil, switchMap, tap, debounceTime, startWith, distinctUntilChanged, mergeMap, catchError, throttleTime, skip, bufferWhen } from 'rxjs/operators';
+import { filter, first, map, takeUntil, switchMap, tap, debounceTime, startWith, distinctUntilChanged, mergeMap, catchError, throttleTime, skip, bufferWhen, take } from 'rxjs/operators';
 import { trigger, transition, style, animate, state } from '@angular/animations';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
-import { IonicModule, Platform, IonRouterOutlet, ModalController, PopoverController, IonicSafeString, createAnimation, ToastController, AlertController, IonicRouteStrategy, NavParams, MenuController, IonContent, IonInfiniteScroll } from '@ionic/angular';
+import { IonicModule, Platform, IonRouterOutlet, ModalController, PopoverController, IonicSafeString, createAnimation, ToastController, AlertController, IonicRouteStrategy, NavParams, MenuController, IonContent, IonItem, IonInfiniteScroll } from '@ionic/angular';
 import * as momentImported from 'moment';
 import { isMoment } from 'moment';
 import { MomentDateAdapter, MatMomentDateModule } from '@angular/material-moment-adapter';
@@ -875,7 +875,7 @@ function emitPromiseEvent(emitter, eventType, initArg) {
  * @param element
  * @param threshold default to '15%'
  */
-function fromScrollEndEvent(element, threshold) {
+function fromScrollEndEvent(element, threshold, dueTime) {
     threshold = threshold || '15%';
     let isEnd;
     // Listen using percentage
@@ -897,6 +897,11 @@ function fromScrollEndEvent(element, threshold) {
     else {
         throw new Error('Invalid argument \'threshold\'. Expected value unit: \'px\' or \'%\' ');
     }
+    // Check bottom reach, even if NO scroll event (e.g. when already reach the bottom)
+    if (dueTime > 0) {
+        return merge(fromEvent(element, 'scroll'), timer(dueTime))
+            .pipe(filter(() => isEnd()));
+    }
     return fromEvent(element, 'scroll')
         .pipe(filter(() => isEnd()));
 }
@@ -21485,7 +21490,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)}}"]
@@ -25968,7 +25973,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;
@@ -25976,8 +25981,8 @@ 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* () {
@@ -26003,7 +26008,7 @@ class AbstractUserEventService extends BaseGraphqlService {
     watchAll(offset, size, sortBy, sortDirection, filter, options) {
         return this.watchPage({ offset, size, sortBy, sortDirection }, filter, options);
     }
-    watchPage(page, filter, options) {
+    watchPage(page, filter, opts) {
         var _a;
         let now = this._debug && Date.now();
         if (!filter) {
@@ -26019,7 +26024,7 @@ class AbstractUserEventService extends BaseGraphqlService {
                 filter.recipients = [recipient];
             }
         }
-        const withContent = (options === null || options === void 0 ? void 0 : options.withContent) === true;
+        const withContent = (opts === null || opts === void 0 ? void 0 : opts.withContent) === true;
         return this.mutableWatchQuery({
             queryName: withContent ? 'LoadAllWithContent' : 'LoadAll',
             query: withContent ? this.queries.loadAllWithContent : this.queries.loadAll,
@@ -26031,7 +26036,8 @@ class AbstractUserEventService extends BaseGraphqlService {
             },
             arrayFieldName: 'data',
             error: { code: SocialErrorCodes.LOAD_USER_EVENTS_ERROR, message: 'SOCIAL.ERROR.LOAD_USER_EVENTS_ERROR' },
-            fetchPolicy: (options === null || options === void 0 ? void 0 : options.fetchPolicy) || 'cache-first'
+            fetchPolicy: (opts === null || opts === void 0 ? void 0 : opts.fetchPolicy) || 'cache-first',
+            insertFilterFn: filter && filter.asFilterFn()
         })
             .pipe(map(res => {
             let data = ((res === null || res === void 0 ? void 0 : res.data) || []).map(value => this.processUserEvent(value, this));
@@ -26039,14 +26045,69 @@ class AbstractUserEventService extends BaseGraphqlService {
                 console.debug(`${this._logPrefix}${data.length} user events loaded in ${Date.now() - now}ms`);
                 now = null;
             }
-            // Must re-order because of listenChanges result will add new event at the end
+            // Must re-order because of listenAllChanges result will add new event at the end
             data = EntityUtils.sort(data, page.sortBy, page.sortDirection);
-            return {
+            const result = {
                 data,
                 total: toNumber(res === null || res === void 0 ? void 0 : res.total, data.length)
             };
+            // Add fetch more capability, if total was fetched
+            if (isNotNil(res.total)) {
+                const nextOffset = (page.offset || 0) + data.length;
+                if (nextOffset < result.total) {
+                    result.fetchMore = (_) => this.loadPage(Object.assign(Object.assign({}, page), { offset: nextOffset }), filter, Object.assign(Object.assign({}, opts), { fetchPolicy: 'no-cache' }));
+                }
+            }
+            return result;
         }));
     }
+    loadPage(page, filter, opts) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const now = this._debug && Date.now();
+            if (!filter)
+                filter = this.defaultFilter();
+            console.debug(`${this._logPrefix}Loading user events...`, filter);
+            filter = this.asFilter(filter);
+            // Force recipient to current issuer, if not admin and not specified
+            if (isEmptyArray(filter === null || filter === void 0 ? void 0 : filter.recipients) || !this.accountService.isAdmin()) {
+                const recipient = this.defaultRecipient();
+                if (!((_a = filter === null || filter === void 0 ? void 0 : filter.recipients) === null || _a === void 0 ? void 0 : _a.includes(recipient))) {
+                    console.warn('[user-events-service] Force user event filter.recipient=' + recipient);
+                    filter.recipients = [recipient];
+                }
+            }
+            const withContent = (opts === null || opts === void 0 ? void 0 : opts.withContent) === true;
+            const res = yield this.graphql.query({
+                query: withContent ? this.queries.loadAllWithContent : this.queries.loadAll,
+                variables: {
+                    page: Object.assign(Object.assign({ sortBy: 'creationDate' }, page), { 
+                        // @ts-ignore
+                        sortDirection: (page.sortDirection || 'desc').toUpperCase() }),
+                    filter: filter && filter.asPodObject()
+                },
+                error: { code: SocialErrorCodes.LOAD_USER_EVENTS_ERROR, message: 'SOCIAL.ERROR.LOAD_USER_EVENTS_ERROR' },
+                fetchPolicy: opts === null || opts === void 0 ? void 0 : opts.fetchPolicy
+            });
+            let data = ((res === null || res === void 0 ? void 0 : res.data) || []).map(value => this.processUserEvent(value, this));
+            if (now)
+                console.debug(`${this._logPrefix}${data.length} user events loaded in ${Date.now() - now}ms`);
+            // Must re-order because of listenAllChanges result will add new event at the end
+            data = EntityUtils.sort(data, page.sortBy, page.sortDirection);
+            const result = {
+                data,
+                total: toNumber(res === null || res === void 0 ? void 0 : res.total, data.length)
+            };
+            // Add fetch more capability, if total was fetched
+            if (isNotNil(res.total)) {
+                const nextOffset = (page.offset || 0) + data.length;
+                if (nextOffset < result.total) {
+                    result.fetchMore = (_) => this.loadPage(Object.assign(Object.assign({}, page), { offset: nextOffset }), filter, opts);
+                }
+            }
+            return result;
+        });
+    }
     add(entity) {
         // TODO set an id !!!!!!!!!!!!!!!!!!!!!!!!!
         entity = this.processUserEvent(entity);
@@ -26057,7 +26118,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;
@@ -26094,6 +26155,7 @@ class AbstractUserEventService extends BaseGraphqlService {
             filter = this.defaultFilter();
         // Apply last reset date as start date
         filter.startDate = this.resetCountDate;
+        filter.excludeRead = true;
         filter = this.asFilter(filter);
         if (this._debug)
             console.debug(`${this._logPrefix}[WS] Listening count changes for user events with filter:`, filter);
@@ -26109,14 +26171,14 @@ 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;
         }));
     }
-    listenChanges(filter, options) {
+    listenAllChanges(filter, options) {
         var _a;
-        if (!((_a = this.subscriptions) === null || _a === void 0 ? void 0 : _a.listenChanges)) {
-            console.warn(`${this._logPrefix}Subscription query 'listenChanges' not provided, skip.`);
+        if (!((_a = this.subscriptions) === null || _a === void 0 ? void 0 : _a.listenAllChanges)) {
+            console.warn(`${this._logPrefix}Subscription query 'listenAllChanges' not provided, skip.`);
             return of();
         }
         if (!filter)
@@ -26126,7 +26188,7 @@ class AbstractUserEventService extends BaseGraphqlService {
         if (this._debug)
             console.debug(`${this._logPrefix}[WS] Listening changes for user events with filter:`, filter);
         return this.graphql.subscribe({
-            query: this.subscriptions.listenChanges,
+            query: this.subscriptions.listenAllChanges,
             fetchPolicy: options === null || options === void 0 ? void 0 : options.fetchPolicy,
             variables: { filter: filter.asPodObject(), interval: toNumber(options === null || options === void 0 ? void 0 : options.interval, 10) },
             error: {
@@ -26255,7 +26317,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();
@@ -26268,7 +26330,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();
         });
@@ -26381,55 +26443,142 @@ AbstractUserEventService.ctorParameters = () => [
 ];
 
 class UserEventNotificationList {
-    constructor(cd, popoverController, userEventService) {
+    constructor(cd, popoverController, settings, userEventService) {
+        var _a;
         this.cd = cd;
         this.popoverController = popoverController;
+        this.settings = settings;
         this.userEventService = userEventService;
-        this.debug = false;
-        this.userEvents = new BehaviorSubject(undefined);
         this.subscriptions = new Subscription();
+        this._fetchingMore = false;
+        this.debug = false;
+        this.pageSize = 10;
+        this.sortBy = 'creationDate';
+        this.sortDirection = 'desc';
+        this.enableInfiniteScroll = true;
+        this.$items = new BehaviorSubject(undefined);
+        this.$itemCount = new BehaviorSubject(undefined);
+        this.mobile = ((_a = this.settings) === null || _a === void 0 ? void 0 : _a.mobile) || false;
+    }
+    get canFetchMore() {
+        return this.enableInfiniteScroll && !!this._fetchMoreFn;
     }
     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, this.pageSize, this.sortBy, this.sortDirection, this.filter)
+                .subscribe(result => {
+                var _a;
+                if (this.debug)
+                    console.debug(`[user-event-notification-list] receiving ${result.total} user events`, result.data);
+                this.$items.next(result.data);
+                this.$itemCount.next(result.total || ((_a = result.data) === null || _a === void 0 ? void 0 : _a.length) || 0);
+                this._fetchMoreFn = result.fetchMore;
+                this.markForCheck();
+            }));
+            // Listen changes
+            this.subscriptions.add(this.userEventService.listenAllChanges(undefined)
+                .subscribe(data => {
+                if (this.debug)
+                    console.debug(`[user-event-notification-list] receiving ${data.length} new user events`, data);
+            }));
+        }
     }
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
-    read(event, userEvent) {
+    click(event, userEvent) {
+        if (!userEvent)
+            return; // Skip
+        // MarkAsRead
+        this.markAsRead(event, userEvent);
+        // Get the default action (if any)
+        const defaultAction = ((userEvent === null || userEvent === void 0 ? void 0 : userEvent.actions) || []).find(a => a.default);
+        if (defaultAction) {
+            this.executeAction(event, defaultAction, userEvent);
+        }
+    }
+    isDefaultAction(action) {
+        return action && action.default || false;
+    }
+    markAsRead(event, userEvent) {
         var _a;
         if (userEvent === null || userEvent === void 0 ? void 0 : userEvent.readDate)
             return;
         (_a = this.readEvent) === null || _a === void 0 ? void 0 : _a.emit(userEvent);
     }
-    readAll(event) {
+    markAllAsRead(event) {
         var _a;
-        const unreadUserEvents = (this.userEvents.value || []).filter(value => !value.readDate);
+        const unreadUserEvents = (this.$items.value || []).filter(value => !value.readDate);
         if (!unreadUserEvents.length)
             return;
         (_a = this.readEvents) === null || _a === void 0 ? void 0 : _a.emit(unreadUserEvents);
     }
-    executeAction(action, userEvent) {
-        // Execute then close popover
-        action.executeAction(userEvent);
-        this.dismiss();
+    executeAction(event, action, userEvent) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (event === null || event === void 0 ? void 0 : event.defaultPrevented)
+                return; // Skip if prevented
+            // Disable default action (.e.g avoid to call click() function)
+            if (event)
+                event.preventDefault();
+            // Execute then close popover
+            try {
+                const res = action.executeAction(userEvent);
+                this.dismiss();
+                if (res instanceof Promise)
+                    yield res;
+            }
+            catch (err) {
+                console.error(err);
+            }
+        });
     }
     dismiss() {
         this.popoverController.dismiss();
     }
+    fetchMore(event) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this._fetchMoreFn || this._fetchingMore)
+                return;
+            console.debug('[user-event-notification-list] Fetching more notifications...', event);
+            this._fetchingMore = true;
+            try {
+                const result = yield this._fetchMoreFn();
+                let data = [
+                    ...(this.$items.value || []),
+                    ...result.data
+                ];
+                // Remove duplication (e.g. when new user event was added by subscription)
+                data = removeDuplicatesFromArray(data, 'id');
+                this.$items.next(data);
+                this.$itemCount.next(result.total || ((_a = result.data) === null || _a === void 0 ? void 0 : _a.length) || 0);
+                this._fetchMoreFn = result.fetchMore;
+            }
+            catch (err) {
+                console.error(err);
+                this._fetchMoreFn = undefined;
+            }
+            finally {
+                this.markForCheck();
+                this._fetchingMore = false;
+            }
+        });
+    }
+    _initInfiniteScroll(threshold) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this._fetchMoreSubscription)
+                this._fetchMoreSubscription.unsubscribe();
+            threshold = threshold || (this.mobile ? '15%' : '2%');
+            yield waitFor(() => !!this.ionContent);
+            const panel = yield this.ionContent.getScrollElement();
+            // Trigger fetch more, end end scroll reached
+            this._fetchMoreSubscription = fromScrollEndEvent(panel, threshold, 250 /*force to check when no scrollbar - e.g. in large screen*/)
+                .subscribe(() => this.fetchMore());
+            this.subscriptions.add(this._fetchMoreSubscription);
+        });
+    }
     markForCheck() {
         this.cd.markForCheck();
     }
@@ -26437,24 +26586,33 @@ class UserEventNotificationList {
 UserEventNotificationList.decorators = [
     { type: Component, args: [{
                 selector: 'app-user-event-notification-list',
-                template: "\n<ion-list class=\"ion-list-popover\">\n\n  <ion-row class=\"ion-list-header column\">\n    <ion-col>\n      <ion-label>{{titleI18n | translate}}</ion-label>\n    </ion-col>\n    <ion-col class=\"top-action\" *ngIf=\"userEvents|async|isNotEmptyArray\">\n      <ion-text color=\"primary\">\n        <a (click)=\"readAll($event)\">{{'SOCIAL.USER_EVENT.NOTIFICATION.READ_ALL' | translate}}</a>\n      </ion-text>\n    </ion-col>\n  </ion-row>\n\n  <ion-item *ngIf=\"userEvents|async|isEmptyArray\" lines=\"none\">\n    <ion-text color=\"dark\" class=\"text-italic\">{{'SOCIAL.USER_EVENT.NOTIFICATION.EMPTY' | translate}}</ion-text>\n  </ion-item>\n  <ion-item\n    *ngFor=\"let userEvent of userEvents | async\"\n    (click)=\"read($event, userEvent)\"\n  >\n\n    <ion-avatar slot=\"start\">\n\n      <img *ngIf=\"userEvent.avatar; else avatarIcon\" src=\"{{ userEvent.avatar }}\">\n\n      <ng-template #avatarIcon>\n        <app-icon\n          *ngIf=\"userEvent.avatarIcon\"\n          [ref]=\"userEvent.avatarIcon\"\n          height=\"40\"\n          width=\"40\"\n        ></app-icon>\n      </ng-template>\n\n    </ion-avatar>\n\n    <ion-grid class=\"ion-no-margin ion-no-padding message\">\n      <ion-row>\n        <ion-col>\n          <p [class.unread]=\"!userEvent.readDate\" [innerHTML]=\"userEvent.message\"></p>\n        </ion-col>\n      </ion-row>\n      <ion-row *ngIf=\"userEvent.actions?.length\">\n        <ion-col>\n          <span *ngFor=\"let action of userEvent.actions\" class=\"action\">\n            <a (click)=\"executeAction(action, userEvent)\">\n              <app-icon *ngIf=\"action.iconRef\" slot=\"start\" height=\"20\" width=\"20\" [ref]=\"action.iconRef\"></app-icon>\n              {{ action.name }}\n            </a>\n          </span>\n        </ion-col>\n      </ion-row>\n      <ion-row>\n        <ion-col>\n          <app-icon\n            *ngIf=\"userEvent.icon\"\n            [ref]=\"userEvent.icon\"\n            height=\"16\"\n            width=\"16\"\n            style=\"vertical-align: sub; margin-right: 3px\"\n          ></app-icon>\n          <small>\n            <span>{{userEvent.creationDate|dateFromNow}}</span>\n            <span style=\"color: gray\">{{ ' | ' + (userEvent.creationDate|dateFormat:{time:true}) }}</span>\n          </small>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  </ion-item>\n\n  <ion-row class=\"ion-list-footer column\">\n  </ion-row>\n\n</ion-list>\n",
+                template: "<ion-content>\n  <ion-list class=\"ion-list-popover\">\n\n    <ion-row class=\"ion-list-header column\">\n      <ion-col>\n        <ion-label>{{titleI18n | translate}}</ion-label>\n      </ion-col>\n      <ion-col class=\"top-action\" *ngIf=\"$items|async|isNotEmptyArray\">\n        <ion-text color=\"primary\">\n          <a (click)=\"markAllAsRead($event)\">{{'SOCIAL.USER_EVENT.NOTIFICATION.READ_ALL' | translate}}</a>\n        </ion-text>\n      </ion-col>\n    </ion-row>\n\n    <ion-item\n      *ngFor=\"let item of $items | async; last as last\"\n      [lines]=\"last ? 'none' : undefined\"\n      [class.unread]=\"!item.readDate\"\n      [class.tappable]=\"item.actions|arrayFilter:isDefaultAction|isNotEmptyArray\"\n      (click)=\"click($event, item)\">\n\n      <ion-avatar slot=\"start\">\n\n        <img *ngIf=\"item.avatar; else avatarIcon\" src=\"{{ item.avatar }}\">\n\n        <ng-template #avatarIcon>\n          <app-icon\n            *ngIf=\"item.avatarIcon\"\n            [ref]=\"item.avatarIcon\"\n            height=\"40\"\n            width=\"40\"\n          ></app-icon>\n        </ng-template>\n\n      </ion-avatar>\n\n      <ion-grid class=\"ion-no-margin ion-no-padding message\">\n        <ion-row>\n          <ion-col size=\"12\">\n            <p [class.unread]=\"!item.readDate\" [innerHTML]=\"item.message\"></p>\n          </ion-col>\n        </ion-row>\n\n        <!-- date -->\n        <ion-row>\n          <ion-col size=\"12\">\n            <app-icon\n              *ngIf=\"item.icon\"\n              [ref]=\"item.icon\"\n              height=\"16\"\n              width=\"16\"\n              style=\"vertical-align: sub; margin-right: 3px\"\n            ></app-icon>\n            <small>\n              <span>{{item.creationDate|dateFromNow}}</span>\n              <span style=\"color: gray\">{{ ' | ' + (item.creationDate|dateFormat:{time:true}) }}</span>\n            </small>\n          </ion-col>\n        </ion-row>\n\n        <!-- actions -->\n        <ion-row *ngIf=\"item.actions|isNotEmptyArray\">\n          <ion-col></ion-col>\n          <ion-col size=\"auto\">\n            <ng-container *ngFor=\"let action of item.actions\">\n              <a *ngIf=\"!action.default\" class=\"action\" (click)=\"executeAction($event, action, item)\" [title]=\"(action.title || action.name) |translate\">\n                <app-icon *ngIf=\"action.iconRef\" slot=\"start\" height=\"20\" width=\"20\" [ref]=\"action.iconRef\"></app-icon>\n                <span>{{ action.name | translate }}</span>\n              </a>\n            </ng-container>\n          </ion-col>\n        </ion-row>\n\n      </ion-grid>\n\n      <mat-icon slot=\"end\" *ngIf=\"item.actions|arrayFilter: isDefaultAction|isNotEmptyArray\">chevron_right</mat-icon>\n    </ion-item>\n\n    <!-- loading -->\n    <ion-item *ngIf=\"!($items|async); else noResult\" lines=\"none\" disabled>\n      <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n    </ion-item>\n\n    <!-- no result -->\n    <ng-template #noResult>\n      <ion-item *ngIf=\"$items|async|isEmptyArray\" lines=\"none\">\n        <ion-text color=\"dark\" class=\"text-italic\">{{'SOCIAL.USER_EVENT.NOTIFICATION.EMPTY' | translate}}</ion-text>\n      </ion-item>\n    </ng-template>\n\n    <!-- Loading more spinner -->\n    <ion-item *ngIf=\"canFetchMore\" (ngInit)=\"_initInfiniteScroll()\" lines=\"none\" disabled>\n      <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n    </ion-item>\n\n    <!-- footer -->\n    <ion-row *ngIf=\"$itemCount|async; let count\"\n              class=\"ion-list-footer column\">\n      <ion-col>\n        <ion-text class=\"ion-float-end ion-padding-end\"><i>{{'COMMON.RESULT_COUNT'|translate: {count: count} }}</i></ion-text>\n      </ion-col>\n    </ion-row>\n\n  </ion-list>\n</ion-content>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host(.popover-viewport){overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.unread{font-weight:700}.message{font-size:.9em}.message p{margin-top:5px;margin-bottom:5px}.top-action{text-align:end;margin-right:8px}.top-action a{cursor:pointer;color:var(--ion-color-contrast)}.top-action a:hover{text-decoration:underline}.action a{margin-right:10px;cursor:pointer}.action app-icon{vertical-align:middle}"]
+                styles: [":host(.popover-viewport){overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-height:calc(90vh - 20px)}ion-list ion-item.tappable{cursor:pointer}ion-list ion-item.tappable:hover{--ion-item-background:var(--ion-item-background-color-hover)}.message{font-size:.9em}.message p{margin-top:5px;margin-bottom:5px}.message p.unread{font-weight:700}.top-action{text-align:end;margin-right:8px}.top-action a{cursor:pointer;color:var(--ion-color-contrast)}.top-action a:hover{text-decoration:underline}a.action{font-size:.9em;margin-right:10px;cursor:pointer}a.action:hover span{text-decoration:underline}a.action app-icon{vertical-align:middle}"]
             },] }
 ];
 UserEventNotificationList.ctorParameters = () => [
     { type: ChangeDetectorRef },
     { type: PopoverController },
+    { type: LocalSettingsService, decorators: [{ type: Optional }] },
     { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [USER_EVENT_SERVICE,] }] }
 ];
 UserEventNotificationList.propDecorators = {
     debug: [{ type: Input }],
+    mobile: [{ type: Input }],
     titleI18n: [{ type: Input }],
+    pageSize: [{ type: Input }],
+    sortBy: [{ type: Input }],
+    sortDirection: [{ type: Input }],
+    filter: [{ type: Input }],
+    enableInfiniteScroll: [{ type: Input }],
     readEvent: [{ type: Output }],
-    readEvents: [{ type: Output }]
+    readEvents: [{ type: Output }],
+    ionContent: [{ type: ViewChild, args: [IonContent,] }],
+    ionItems: [{ type: ViewChildren, args: [IonItem,] }]
 };
 
-class UserEventNotificationComponent {
+class AppUserEventNotificationIcon {
     constructor(userEventService, accountService, popoverController) {
         this.userEventService = userEventService;
         this.accountService = accountService;
@@ -26462,13 +26620,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* () {
@@ -26505,7 +26667,7 @@ class UserEventNotificationComponent {
                 keyboardClose: true,
                 event,
                 translucent: true,
-                cssClass: 'popover-large'
+                cssClass: 'popover-large popover-notifications'
             });
             yield popover.present();
         });
@@ -26516,23 +26678,23 @@ 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 UserEventModule {
@@ -26545,11 +26707,11 @@ UserEventModule.decorators = [
                     AppIconModule
                 ],
                 declarations: [
-                    UserEventNotificationComponent,
+                    AppUserEventNotificationIcon,
                     UserEventNotificationList
                 ],
                 exports: [
-                    UserEventNotificationComponent
+                    AppUserEventNotificationIcon
                 ]
             },] }
 ];
@@ -27093,6 +27255,11 @@ SocialModule.decorators = [
                     JobModule,
                     MessageModule
                 ],
+                exports: [
+                    UserEventModule,
+                    JobModule,
+                    MessageModule
+                ]
             },] }
 ];
 
@@ -29145,11 +29312,418 @@ CoreTestingModule.decorators = [
             },] }
 ];
 
+class JobProgressionTestService {
+    listenChanges(id, options) {
+        return interval(100).pipe(take(111), map(value => {
+            if (value <= 10) {
+                return {
+                    id: id,
+                    name: `Job #${id}`,
+                    current: 0,
+                    total: 0,
+                    message: `Progression pending`
+                };
+            }
+            value = value - 10;
+            return {
+                id: id,
+                name: `Job #${id}`,
+                current: value,
+                total: 100,
+                message: `Progression ${value}/100`
+            };
+        }));
+    }
+}
+JobProgressionTestService.decorators = [
+    { type: Injectable }
+];
+
+class JobProgressionTestingPage {
+    constructor() {
+        this.nJob = 0;
+        this.options = {
+            autoHide: true
+        };
+        this.job = new JobProgression();
+        this.job.id = 0;
+        this.job.name = 'test';
+        this.job.current = 0;
+        this.job.total = 100;
+    }
+    incrementJob(value) {
+        this.job.current = Math.max(0, this.job.current + value);
+        this.job.message = `Fake progression (very long message very long message very long message very long message) ${this.job.current}/100`;
+        if (this.job.current > this.job.total) {
+            this.jobProgression.removeJob(0);
+            this.job.current = 0;
+        }
+        else if (!this.jobProgression.getProgression(0)) {
+            this.jobProgression.jobProgressions.push(this.job);
+        }
+        this.jobProgression.updateValue();
+    }
+    addJob() {
+        // Add fake job
+        this.nJob++;
+        this.jobProgression.addJob(this.nJob);
+    }
+}
+JobProgressionTestingPage.decorators = [
+    { type: Component, args: [{
+                selector: 'job-progression-testing',
+                template: "<ion-toolbar color=\"primary\">\n  <ion-title>Job progression</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n\n  <app-job-progression #jobProgression [debug]=\"true\" [options]=\"options\" ></app-job-progression>\n\n  <p>\n    <ion-button (click)=\"incrementJob(10)\">\n      +10\n    </ion-button>\n    <ion-button (click)=\"incrementJob(-10)\">\n      -10\n    </ion-button>\n  </p>\n  <p>\n    <ion-button (click)=\"addJob()\">Add Job</ion-button>\n  </p>\n</ion-content>\n",
+                providers: [
+                    { provide: JobProgressionServiceToken, useClass: JobProgressionTestService }
+                ]
+            },] }
+];
+JobProgressionTestingPage.ctorParameters = () => [];
+JobProgressionTestingPage.propDecorators = {
+    jobProgression: [{ type: ViewChild, args: ['jobProgression',] }]
+};
+
+class JobTestingModule {
+}
+JobTestingModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    TranslateModule.forChild(),
+                    SharedModule,
+                    JobModule
+                ],
+                declarations: [
+                    JobProgressionTestingPage
+                ],
+                exports: [
+                    JobProgressionTestingPage
+                ]
+            },] }
+];
+
+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 = [
+            entity,
+            ...this.userEvents
+        ];
+        this._countSubject.next((this._countSubject.value || 0) + 1);
+    }
+    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);
+    }
+    listenAllChanges(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, opts) {
+        var _a;
+        let data = (this.userEvents || []).slice(offset || 0, offset + size);
+        const total = ((_a = this.userEvents) === null || _a === void 0 ? void 0 : _a.length) || 0;
+        const res = { data, total };
+        // Must re-order because of listenChanges result will add new event at the end
+        data = EntityUtils.sort(data, sortBy, sortDirection);
+        // Add fetch more
+        const nextOffset = offset + data.length;
+        if (nextOffset < res.total) {
+            res.fetchMore = (_) => this.loadAll(nextOffset, size, sortBy, sortDirection, filter, Object.assign(Object.assign({}, opts), { fetchPolicy: 'no-cache' }));
+        }
+        return of(res);
+    }
+    loadAll(offset, size, sortBy, sortDirection, filter, opts) {
+        var _a;
+        let data = (this.userEvents || []).slice(offset || 0, offset + size);
+        const total = ((_a = this.userEvents) === null || _a === void 0 ? void 0 : _a.length) || 0;
+        const res = { data, total };
+        // Must re-order because of listenChanges result will add new event at the end
+        data = EntityUtils.sort(data, sortBy, sortDirection);
+        // Add fetch more
+        const nextOffset = offset + data.length;
+        if (nextOffset < res.total) {
+            res.fetchMore = (_) => this.loadAll(nextOffset, size, sortBy, sortDirection, filter, Object.assign(Object.assign({}, opts), { fetchPolicy: 'no-cache' }));
+        }
+        return Promise.resolve(res);
+    }
+}
+UserEventTestService.decorators = [
+    { type: Injectable }
+];
+UserEventTestService.ctorParameters = () => [
+    { type: GraphqlService },
+    { type: AccountService },
+    { type: NetworkService },
+    { type: TranslateService },
+    { type: Environment, decorators: [{ type: Optional }, { type: Inject, args: [ENVIRONMENT,] }] }
+];
+
+const moment$a = momentImported;
+class UserEventTestingPage {
+    constructor(userEventService, router, alertController, translateService) {
+        this.userEventService = userEventService;
+        this.router = router;
+        this.alertController = alertController;
+        this.translateService = translateService;
+        userEventService.registerListener({
+            accept: (userEvent) => { return true; },
+            onReceived: (userEvent) => {
+                this.customize(userEvent);
+                return userEvent;
+            }
+        });
+        userEventService.registerListener({
+            accept: (userEvent) => { return userEvent.level == "DEBUG"; },
+            onRead: (userEvent) => { this.showMessage("debug message read "); }
+        });
+    }
+    customize(userEvent) {
+        // Choose avatarIcon
+        switch (userEvent.level) {
+            case 'ERROR':
+                userEvent.avatarIcon = { icon: 'close-outline', color: 'danger' };
+                break;
+            case 'WARNING':
+                userEvent.avatarIcon = { icon: 'warning-outline', color: 'warning' };
+                break;
+            case 'INFO':
+                userEvent.avatarIcon = { icon: 'information-circle-outline' };
+                break;
+            case 'DEBUG':
+                userEvent.avatarIcon = { icon: 'cog', color: "medium" };
+                break;
+        }
+        // Choose icon
+        switch (userEvent.type) {
+            case 'message':
+                userEvent.icon = { matIcon: 'inbox', color: 'accent' };
+                break;
+            case 'upload':
+                userEvent.icon = { matIcon: 'file_upload' };
+                break;
+            case 'download':
+                userEvent.icon = { matIcon: 'file_download' };
+                break;
+        }
+    }
+    addNotification() {
+        this.userEventService.add(UserEvent.fromObject({
+            issuer: 'system',
+            recipient: 'me',
+            type: 'message',
+            level: 'INFO',
+            message: 'message test message test message test message test message test message test message test message test',
+            creationDate: moment$a(),
+        }));
+    }
+    addError() {
+        this.userEventService.add(UserEvent.fromObject({
+            issuer: 'system',
+            recipient: 'me',
+            type: 'upload',
+            level: 'ERROR',
+            message: 'message error',
+            creationDate: moment$a(),
+        }));
+    }
+    addWarning() {
+        this.userEventService.add(UserEvent.fromObject({
+            issuer: 'system',
+            recipient: 'me',
+            type: 'download',
+            level: 'WARNING',
+            message: 'message warning',
+            creationDate: moment$a(),
+        }));
+    }
+    addDebug() {
+        this.userEventService.add(UserEvent.fromObject({
+            issuer: 'system',
+            recipient: 'me',
+            type: 'debug',
+            level: 'DEBUG',
+            message: 'message DEBUG',
+            creationDate: moment$a(),
+        }));
+    }
+    addNotificationWithLink() {
+        this.userEventService.add(UserEvent.fromObject({
+            issuer: 'system',
+            recipient: 'me',
+            type: 'message',
+            level: 'INFO',
+            message: 'message with link',
+            creationDate: moment$a(),
+            actions: [{
+                    name: 'click here',
+                    iconRef: {
+                        icon: 'arrow-forward-outline'
+                    },
+                    executeAction: event => { this.router.navigateByUrl('/'); }
+                }]
+        }));
+    }
+    addNotificationWithAction() {
+        this.userEventService.add(UserEvent.fromObject({
+            issuer: 'system',
+            recipient: 'me',
+            type: 'message',
+            level: 'INFO',
+            message: 'message with action',
+            creationDate: moment$a(),
+            actions: [
+                {
+                    name: 'click here',
+                    iconRef: {
+                        icon: 'arrow-forward-outline',
+                        color: 'warning'
+                    },
+                    executeAction: event => { this.showMessage('action 1'); }
+                },
+                {
+                    name: 'click here 2',
+                    iconRef: {
+                        matIcon: 'settings_applications',
+                        color: 'secondary'
+                    },
+                    executeAction: event => { this.showMessage('action 2'); }
+                }
+            ]
+        }));
+    }
+    addNotificationWithDefaultAction() {
+        this.userEventService.add(UserEvent.fromObject({
+            issuer: 'system',
+            recipient: 'me',
+            type: 'message',
+            level: 'INFO',
+            message: 'message with action',
+            creationDate: moment$a(),
+            actions: [
+                {
+                    default: true,
+                    name: 'default',
+                    executeAction: event => { this.showMessage('default action'); }
+                }
+            ]
+        }));
+    }
+    showMessage(text) {
+        return Alerts.showError(text, this.alertController, this.translateService);
+    }
+}
+UserEventTestingPage.decorators = [
+    { type: Component, args: [{
+                selector: 'job-progression-testing',
+                template: "<ion-toolbar color=\"primary\">\n  <ion-title>User events</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n\n  <app-user-event-notification-icon #notification [debug]=\"true\"></app-user-event-notification-icon>\n\n  <p>\n    <ion-button (click)=\"addNotification()\">Add notification</ion-button>\n    <ion-button (click)=\"addError()\">Add error</ion-button>\n    <ion-button (click)=\"addWarning()\">Add warning</ion-button>\n    <ion-button (click)=\"addDebug()\">Add debug</ion-button>\n  </p>\n  <p>\n    <ion-button (click)=\"addNotificationWithLink()\">Add notification with link</ion-button>\n    <ion-button (click)=\"addNotificationWithAction()\">Add notification with action</ion-button>\n    <ion-button (click)=\"addNotificationWithDefaultAction()\">Add notification with default action</ion-button>\n  </p>\n</ion-content>\n"
+            },] }
+];
+UserEventTestingPage.ctorParameters = () => [
+    { type: UserEventTestService, decorators: [{ type: Inject, args: [USER_EVENT_SERVICE,] }] },
+    { type: Router },
+    { type: AlertController },
+    { type: TranslateService }
+];
+UserEventTestingPage.propDecorators = {
+    notification: [{ type: ViewChild, args: ['notification',] }]
+};
+
+class UserEventTestingModule {
+}
+UserEventTestingModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    TranslateModule.forChild(),
+                    SharedModule,
+                    UserEventModule
+                ],
+                declarations: [
+                    UserEventTestingPage
+                ],
+                exports: [
+                    UserEventTestingPage
+                ]
+            },] }
+];
+
+const SOCIAL_TESTING_PAGES = [
+    { label: 'Social components', divider: true },
+    { label: 'User event', page: '/testing/social/user-event' },
+    { label: 'Job progression', page: '/testing/social/job-progression' }
+];
+const routes$6 = [
+    {
+        path: 'job-progression',
+        pathMatch: 'full',
+        component: JobProgressionTestingPage
+    },
+    {
+        path: 'user-event',
+        pathMatch: 'full',
+        component: UserEventTestingPage
+    },
+];
+class SocialTestingModule {
+}
+SocialTestingModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    TranslateModule.forChild(),
+                    RouterModule.forChild(routes$6),
+                    JobTestingModule,
+                    UserEventTestingModule
+                ],
+            },] }
+];
+
 // Environment
 
 /**
  * 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, 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 };
+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, JobProgressionTestService, JobProgressionTestingPage, JobTestingModule, 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, SOCIAL_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, SocialTestingModule, 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, UserEventTestService, UserEventTestingModule, UserEventTestingPage, 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