@sumaris-net/ngx-components 1.22.11-rc9 → 1.22.11

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

@@ -48,7 +48,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatChipsModule } from '@angular/material/chips';
 import { ActivatedRoute, Router, RouterModule, RouteReuseStrategy } from '@angular/router';
 import { HammerGestureConfig, EventManager } from '@angular/platform-browser';
-import { HttpResponse, HttpClient, HttpHeaders, HttpEventType, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
+import { HttpResponse, HttpEventType, HttpClient, HttpHeaders, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 import { ColorPickerModule } from 'ngx-color-picker';
 import { NativeAudio as NativeAudio$1 } from '@ionic-native/native-audio/ngx';
 import { Vibration as Vibration$1 } from '@ionic-native/vibration/ngx';
@@ -57,6 +57,7 @@ import { NativeAudio } from '@ionic-native/native-audio/ngx/index';
 import { Vibration } from '@ionic-native/vibration/ngx/index';
 import { AudioManagement as AudioManagement$1 } from '@ionic-native/audio-management/ngx/index';
 import * as uuidv4Imported from 'uuid/v4';
+import { mergeMap as mergeMap$1 } from 'rxjs/internal/operators';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { MarkdownModule } from 'ngx-markdown';
 import { sign, box, hash, verify } from 'tweetnacl';
@@ -9397,31 +9398,77 @@ SharedHotkeysModule.decorators = [
             },] }
 ];
 
+class UploadFile extends File {
+}
+class FileResponse {
+    constructor(init) {
+        this.type = HttpEventType.Response;
+        this.body = isNotNil(init === null || init === void 0 ? void 0 : init.body) ? init.body : null;
+        this.status = (init === null || init === void 0 ? void 0 : init.status) || 0;
+        this.statusText = (init === null || init === void 0 ? void 0 : init.statusText) || 'OK';
+    }
+}
+function isProgressEvent(event) {
+    return event && (event.type === HttpEventType.UploadProgress
+        || event.type === HttpEventType.DownloadProgress);
+}
+function isResponseEvent(event) {
+    return event && event.type === HttpEventType.Response;
+}
+
 const IMAGE_DEFAULTS = {
     MAX_HEIGHT: 480,
     MAX_WIDTH: 640,
     THUMB_MAX_HEIGHT: 200,
     THUMB_MAX_WIDTH: 200
 };
-class Base64ImageReader {
-    constructor() {
-    }
-    readFromBlob(file) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!file)
-                throw new Error('Illegal argument: missing file');
-            const dataUrl = yield new Promise((resolve, reject) => {
-                const reader = new FileReader();
-                reader.addEventListener('load', (event) => resolve(reader.result), false);
-                reader.readAsDataURL(file);
-            });
-            return dataUrl;
-        });
+// @dynamic
+class ImagesUtils {
+    static readAsDataURL(file, opts) {
+        const $progress = new Subject();
+        const reader = new FileReader();
+        // Listen progress
+        reader.onprogress = (e) => {
+            const total = e.total || 1;
+            const loaded = e.total || 0;
+            if (loaded < total)
+                $progress.next({ type: HttpEventType.UploadProgress, loaded, total });
+        };
+        // Listen end
+        reader.onloadend = (e) => {
+            const body = reader.result;
+            if (typeof body === 'string') {
+                $progress.next(new FileResponse({ body }));
+                $progress.complete();
+            }
+            else {
+                console.error(`[image-utils] Cannot read file '${file.name}' as text`);
+                $progress.error(`Cannot read file as text`);
+            }
+        };
+        // Listen error
+        reader.onerror = (event) => {
+            console.error('[image-utils] Error while reading file:', event);
+            $progress.error(event);
+        };
+        // Start reading the file
+        reader.readAsDataURL(file);
+        // Resize image, if need
+        if (opts) {
+            return $progress.pipe(mergeMap$1((event) => __awaiter(this, void 0, void 0, function* () {
+                if (event instanceof FileResponse) {
+                    const body = yield ImagesUtils.resizeBase64(event.body, opts);
+                    return new FileResponse({ body });
+                }
+                return event;
+            })));
+        }
+        return $progress.asObservable();
     }
-    readAndResizeFromUrl(path, opts) {
+    static readAndResizeFromUrl(fileUrl, opts) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (isNilOrBlank(path))
-                throw new Error('Illegal argument: missing path');
+            if (isNilOrBlank(fileUrl))
+                throw new Error('Illegal argument: missing fileUrl');
             // Create the temporary image element
             const img = document.createElement('img');
             // Need to avoid CORS error
@@ -9429,23 +9476,21 @@ class Base64ImageReader {
             img.crossOrigin = 'anonymous';
             try {
                 return yield new Promise((resolve, reject) => {
-                    img.addEventListener('load', this.createImageOnLoadResizeFn(resolve, reject, opts), false);
+                    img.addEventListener('load', ImagesUtils.createImageOnLoadResizeFn(resolve, reject, opts), false);
                     img.addEventListener('error', reject);
-                    img.src = path;
+                    img.src = fileUrl;
                 });
             }
             catch (err) {
-                throw new Error(`Failed to load and resize image {${path}}`);
+                throw new Error(`Failed to load and resize image {${fileUrl}}`);
             }
             finally {
                 img.remove();
             }
         });
     }
-    readAndResizeFromBlob(file, opts) {
+    static resizeBase64(dataUrl, opts) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!file)
-                throw new Error('Illegal argument: missing file');
             // Create the temporary image element
             const img = document.createElement('img');
             // Need to avoid CORS error
@@ -9453,13 +9498,9 @@ class Base64ImageReader {
             img.crossOrigin = 'anonymous';
             try {
                 return yield new Promise((resolve, reject) => {
-                    const reader = new FileReader();
-                    reader.addEventListener('load', (event) => {
-                        // Resize image
-                        img.onload = this.createImageOnLoadResizeFn(resolve, reject, opts);
-                        img.src = reader.result;
-                    }, false);
-                    reader.readAsDataURL(file);
+                    img.addEventListener('load', ImagesUtils.createImageOnLoadResizeFn(resolve, reject, opts), false);
+                    img.addEventListener('error', reject);
+                    img.src = dataUrl;
                 });
             }
             finally {
@@ -9467,8 +9508,7 @@ class Base64ImageReader {
             }
         });
     }
-    /* -- protected methods -- */
-    createImageOnLoadResizeFn(resolve, reject, opts) {
+    static createImageOnLoadResizeFn(resolve, reject, opts) {
         return function (event) {
             const maxWidth = (opts && opts.thumbnail ? IMAGE_DEFAULTS.THUMB_MAX_WIDTH : (opts && opts.maxWidth || IMAGE_DEFAULTS.MAX_WIDTH));
             const maxHeight = (opts && opts.thumbnail ? IMAGE_DEFAULTS.THUMB_MAX_HEIGHT : (opts && opts.maxHeight || IMAGE_DEFAULTS.MAX_HEIGHT));
@@ -9562,24 +9602,24 @@ class FileService {
         const jobsFactories = (sources || []).map(source => () => this.getImage(source, Object.assign({}, opts)));
         return chainPromises(jobsFactories);
     }
-    getImage(source, opts) {
+    getImage(fileUrl, opts) {
         return __awaiter(this, void 0, void 0, function* () {
-            let responseType = opts && opts.responseType || (this.canUseFileSystem ? 'file' : 'dataUrl');
+            let outputType = opts && opts.outputType || (this.canUseFileSystem ? 'fileUrl' : 'dataUrl');
             const debug = this._debug /*&& (!opts || !opts.fileTransfer)*/;
             const now = debug && Date.now();
             if (debug)
-                console.debug(`[file] Fetching image {${source}} into ${responseType}...`);
+                console.debug(`[file] Fetching image {${fileUrl}} into ${outputType}...`);
             // Read the filename
-            const lastSlashIndex = source.lastIndexOf('/');
+            const lastSlashIndex = fileUrl.lastIndexOf('/');
             if (lastSlashIndex === -1)
-                throw new Error('Invalid URL: ' + source);
-            const fileName = lastSlashIndex < (source.length - 1) && source.substring(lastSlashIndex + 1) || uuidv4();
+                throw new Error('Invalid URL: ' + fileUrl);
+            const fileName = lastSlashIndex < (fileUrl.length - 1) && fileUrl.substring(lastSlashIndex + 1) || uuidv4();
             // Download into the file system
-            if (responseType === 'file' && this.canUseFileSystem) {
-                console.warn(`WARN: [file] Fetching image {${source}} in local file...`);
+            if (outputType === 'fileUrl' && this.canUseFileSystem) {
+                console.warn(`WARN: [file] Downloading image {${fileUrl}} in local filesystem...`);
                 const targetFilePath = this._imageDirectory + fileName;
                 try {
-                    const blob = yield firstNotNilPromise(this.http.get(source, {
+                    const blob = yield firstNotNilPromise(this.http.get(fileUrl, {
                         observe: 'body',
                         responseType: 'blob',
                         reportProgress: false
@@ -9589,24 +9629,24 @@ class FileService {
                     //const fileTransfer = (opts && opts.fileTransfer) || this.transfer.create();
                     //await fileTransfer.download(source, targetFilePath);
                     if (debug)
-                        console.debug(`[file] Fetching image {${source}} into ${responseType} [OK] in ${Date.now() - now}ms`);
+                        console.debug(`[file] Fetching image {${fileUrl}} into ${outputType} [OK] in ${Date.now() - now}ms`);
                     return targetFilePath;
                 }
                 catch (err) {
-                    console.error(`[file] Error while download ${source}: ${err && err.message || err}`);
+                    console.error(`[file] Error while download ${fileUrl}: ${err && err.message || err}`);
                     // Continue (fallback to data Url)
-                    responseType = 'dataUrl';
+                    outputType = 'dataUrl';
                 }
             }
-            if (responseType === 'dataUrl') {
+            if (outputType === 'dataUrl') {
                 // Get as data url (e.g. 'data:image/png:...')
-                const dataUrl = yield new Base64ImageReader().readAndResizeFromUrl(source, opts);
+                const dataUrl = yield ImagesUtils.readAndResizeFromUrl(fileUrl, opts);
                 if (debug)
-                    console.debug(`[file] Fetching image {${source}} into ${responseType} [OK] in ${Date.now() - now}ms`);
+                    console.debug(`[file] Fetching image {${fileUrl}} into ${outputType} [OK] in ${Date.now() - now}ms`);
                 return dataUrl;
             }
             // Keep original URL
-            return source;
+            return fileUrl;
         });
     }
     /* -- protected methods -- */
@@ -13122,7 +13162,9 @@ class PersonUtils {
         return expectedProfileIndex !== -1 && PersonUtils.getMainProfileIndex(actualProfiles) <= expectedProfileIndex;
     }
     static personToString(obj) {
-        return obj && obj.id && (obj.lastName + ' ' + obj.firstName) || undefined;
+        if (!obj || !obj.id)
+            return undefined;
+        return obj.lastName + ' ' + obj.firstName;
     }
     static personsToString(data, separator) {
         return (data || []).map(PersonUtils.personToString).join(separator || ', ');
@@ -15044,7 +15086,7 @@ class AccountService extends BaseGraphqlService {
             if (hasAvatarUrl && this.network.online) {
                 yield this.file.getImage(json.avatar, {
                     thumbnail: true,
-                    responseType: 'dataUrl'
+                    outputType: 'dataUrl'
                 })
                     .then(dataUrl => {
                     if (dataUrl && this._debug)
@@ -15922,24 +15964,6 @@ ConfigService.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [APP_CONFIG_OPTIONS,] }] }
 ];
 
-class UploadFile extends File {
-}
-class FileResponse {
-    constructor(init) {
-        this.type = HttpEventType.Response;
-        this.body = isNotNil(init === null || init === void 0 ? void 0 : init.body) ? init.body : null;
-        this.status = (init === null || init === void 0 ? void 0 : init.status) || 0;
-        this.statusText = (init === null || init === void 0 ? void 0 : init.statusText) || 'OK';
-    }
-}
-function isProgressEvent(event) {
-    return event && (event.type === HttpEventType.UploadProgress
-        || event.type === HttpEventType.DownloadProgress);
-}
-function isResponseEvent(event) {
-    return event && event.type === HttpEventType.Response;
-}
-
 class UploadFilePopover {
     constructor(popoverController, translate, cd) {
         this.popoverController = popoverController;
@@ -21493,7 +21517,7 @@ MenuComponent.decorators = [
                 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)}}"]
+                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 rgba(var(--ion-color-secondary-rgb),.5);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-secondary-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)}}"]
             },] }
 ];
 MenuComponent.ctorParameters = () => [
@@ -24834,10 +24858,10 @@ class AppEntityEditor extends AppTabEditor {
         this.savingSubject = new BehaviorSubject(false);
         this.$title = new Subject();
         this.onUpdateView = new EventEmitter();
-        this.environement = injector.get(ENVIRONMENT);
+        this.environment = injector.get(ENVIRONMENT);
         options = Object.assign({ 
             // Default options
-            enableListenChanges: ((_a = this.environement.entityEditor) === null || _a === void 0 ? void 0 : _a.enableListenChanges) || false, listenIntervalInSeconds: toNumber((_b = this.environement.entityEditor) === null || _b === void 0 ? void 0 : _b.listenIntervalInSeconds, 0), pathIdAttribute: 'id', autoLoad: true, autoUpdateRoute: true, i18nPrefix: '' }, options);
+            enableListenChanges: ((_a = this.environment.entityEditor) === null || _a === void 0 ? void 0 : _a.enableListenChanges) || false, listenIntervalInSeconds: toNumber((_b = this.environment.entityEditor) === null || _b === void 0 ? void 0 : _b.listenIntervalInSeconds, 0), pathIdAttribute: 'id', autoLoad: true, autoUpdateRoute: true, i18nPrefix: '' }, options);
         this.settings = injector.get(LocalSettingsService);
         this.errorTranslator = injector.get(FormErrorTranslator);
         this.cd = injector.get(ChangeDetectorRef);
@@ -25077,13 +25101,14 @@ class AppEntityEditor extends AppTabEditor {
      * Enable or disable state
      */
     updateViewState(data, opts) {
+        var _a;
         if (this.isNewData || this.canUserWrite(data)) {
             this.enable(opts);
         }
         else {
             this.disable(opts);
             // Allow to sort table
-            this.tables.forEach(t => t.enableSort());
+            (_a = this.tables) === null || _a === void 0 ? void 0 : _a.forEach(t => t.enableSort());
         }
     }
     /**
@@ -25645,13 +25670,14 @@ class AppEntityEditorModal extends AppTabEditor {
      * Enable or disable state
      */
     updateViewState(data, opts) {
+        var _a;
         if (this.isNewData || this.enabled) {
             this.enable(opts);
         }
         else {
             this.disable(opts);
             // Allow to sort table
-            this.tables.forEach(t => t.enableSort());
+            (_a = this.tables) === null || _a === void 0 ? void 0 : _a.forEach(t => t.enableSort());
         }
     }
     saveAndClose(event) {
@@ -26039,13 +26065,13 @@ class AbstractUserEventService extends BaseGraphqlService {
             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));
+            .pipe(mergeMap((res) => __awaiter(this, void 0, void 0, function* () {
+            let data = yield Promise.all(((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`);
                 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);
             const result = {
                 data,
@@ -26059,7 +26085,7 @@ class AbstractUserEventService extends BaseGraphqlService {
                 }
             }
             return result;
-        }));
+        })));
     }
     loadPage(page, filter, opts) {
         var _a;
@@ -26089,10 +26115,10 @@ class AbstractUserEventService extends BaseGraphqlService {
                 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));
+            let data = yield Promise.all(((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 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);
             const result = {
                 data,
@@ -26109,16 +26135,20 @@ class AbstractUserEventService extends BaseGraphqlService {
         });
     }
     add(entity) {
-        // TODO set an id !!!!!!!!!!!!!!!!!!!!!!!!!
-        entity = this.processUserEvent(entity);
-        const withContent = !!entity.content;
-        // Add user event locally
-        this.insertIntoMutableCachedQueries(this.graphql.cache, {
-            query: withContent ? this.queries.loadAllWithContent : this.queries.loadAll,
-            data: entity
+        return __awaiter(this, void 0, void 0, function* () {
+            // TODO set an id !!!!!!!!!!!!!!!!!!!!!!!!!
+            entity = yield this.processUserEvent(entity);
+            if (!entity)
+                return; // Rejected
+            const withContent = !!entity.content;
+            // Add user event locally
+            this.insertIntoMutableCachedQueries(this.graphql.cache, {
+                query: withContent ? this.queries.loadAllWithContent : this.queries.loadAll,
+                data: entity
+            });
+            // Update count
+            this._countSubject.next(this._countSubject.value + 1);
         });
-        // Update count
-        this._countSubject.next(this._countSubject.value + 1);
     }
     count(filter, options) {
         var _a;
@@ -26175,37 +26205,44 @@ class AbstractUserEventService extends BaseGraphqlService {
             return total;
         }));
     }
-    listenChanges(filter, options) {
+    listenAllChanges(filter, opts) {
         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)
             filter = this.defaultFilter();
         filter = this.asFilter(filter);
-        const withContent = (options === null || options === void 0 ? void 0 : options.withContent) === true;
+        const withContent = (opts === null || opts === void 0 ? void 0 : opts.withContent) === true;
         if (this._debug)
             console.debug(`${this._logPrefix}[WS] Listening changes for user events with filter:`, filter);
         return this.graphql.subscribe({
-            query: this.subscriptions.listenChanges,
-            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) },
+            query: this.subscriptions.listenAllChanges,
+            fetchPolicy: opts === null || opts === void 0 ? void 0 : opts.fetchPolicy,
+            variables: { filter: filter.asPodObject(), interval: toNumber(opts === null || opts === void 0 ? void 0 : opts.interval, 10) },
             error: {
                 code: SocialErrorCodes.SUBSCRIBE_USER_EVENTS_ERROR,
                 message: 'SOCIAL.ERROR.SUBSCRIBE_USER_EVENTS_ERROR'
             }
-        }).pipe(map(({ data }) => {
+        }).pipe(mergeMap(({ data }) => __awaiter(this, void 0, void 0, function* () {
             if (data && this._debug)
                 console.debug(`${this._logPrefix}Received new user events:`, data);
-            const updatedData = data === null || data === void 0 ? void 0 : data.map(value => this.processUserEvent(value, this));
-            // Update cache
-            this.insertIntoMutableCachedQueries(this.graphql.cache, {
-                query: withContent ? this.queries.loadAllWithContent : this.queries.loadAll,
-                data: updatedData
-            });
-            return updatedData;
-        }));
+            // Update cache (will update watchAll queries)
+            if (isNotEmptyArray(data)) {
+                this.insertIntoMutableCachedQueries(this.graphql.cache, {
+                    query: withContent ? this.queries.loadAllWithContent : this.queries.loadAll,
+                    data: data
+                });
+            }
+            // Convert to entities
+            if (!opts || opts.toEntity !== false) {
+                return yield Promise.all((data || []).map(value => this.processUserEvent(value, this)));
+            }
+            else {
+                return data;
+            }
+        })));
     }
     delete(entity) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -26291,7 +26328,7 @@ class AbstractUserEventService extends BaseGraphqlService {
                 .map(entity => this.save(entity, opts)));
         });
     }
-    markAsRead(entities) {
+    markAllAsRead(entities) {
         return __awaiter(this, void 0, void 0, function* () {
             const userEventWithoutReadListeners = [];
             for (const entity of (entities || [])) {
@@ -26348,22 +26385,27 @@ class AbstractUserEventService extends BaseGraphqlService {
         this._listenSubscription = undefined;
     }
     processUserEvent(source, that) {
-        that = that || this;
-        // Convert json source to IUserEvent
-        let target = that.fromObject(source);
-        // Get listeners
-        const listeners = (that.listeners || []).filter(listener => listener.onReceived).filter(listener => listener.accept(target));
-        for (const listener of listeners) {
-            if (target) {
-                target = listener.onReceived(target);
-            }
-            else {
-                if (that._debug)
-                    console.debug(`${that._logPrefix}Event has been rejected by a listener`, source);
-                break;
+        return __awaiter(this, void 0, void 0, function* () {
+            that = that || this;
+            // Convert json source to IUserEvent
+            let target = that.fromObject(source);
+            // Get listeners
+            const listeners = (that.listeners || [])
+                .filter(listener => !!listener.onReceived)
+                .filter(listener => listener.accept(target));
+            for (const listener of listeners) {
+                if (target) {
+                    const res = listener.onReceived(target);
+                    target = (res instanceof Promise) ? yield res : res;
+                }
+                else {
+                    if (that._debug)
+                        console.debug(`${that._logPrefix}Event has been rejected by a listener`, source);
+                    break;
+                }
             }
-        }
-        return target;
+            return target;
+        });
     }
     defaultMarkAsRead(userEvents) {
         var _a;
@@ -26449,44 +26491,55 @@ class UserEventNotificationList {
         this.popoverController = popoverController;
         this.settings = settings;
         this.userEventService = userEventService;
-        this.subscriptions = new Subscription();
-        this._fetchingMore = false;
+        this._subscriptions = new Subscription();
+        this._$pageSize = new BehaviorSubject(20);
+        this.fetchingMore = false;
+        this.$items = new BehaviorSubject(undefined);
+        this.$itemCount = new BehaviorSubject(undefined);
         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;
     }
+    set pageSize(value) {
+        if (value > 0 && value !== this._$pageSize.value)
+            this._$pageSize.next(value);
+    }
+    get pageSize() {
+        return this._$pageSize.value;
+    }
     get canFetchMore() {
         return this.enableInfiniteScroll && !!this._fetchMoreFn;
     }
     ngOnInit() {
         // Watch all user events
         if (this.userEventService) {
-            this.subscriptions.add(this.userEventService
-                .watchAll(0, this.pageSize, this.sortBy, this.sortDirection, this.filter)
+            this._subscriptions.add(this._$pageSize.pipe(distinctUntilChanged(), switchMap(pageSize => this.userEventService.watchAll(0, 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);
+                    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.fetchingMore = false; // Allow to refetch more
                 this.markForCheck();
             }));
             // Listen changes
-            this.subscriptions.add(this.userEventService.listenChanges(undefined)
+            this._subscriptions.add(this.userEventService.listenAllChanges(this.filter)
                 .subscribe(data => {
                 if (this.debug)
-                    console.debug(`[user-event-notification-list] receiving ${data.length} new user events`, data);
+                    console.debug(`[user-event-notification-list] Receiving ${data.length} new user events (by WS)`, data);
             }));
+            if (this.enableInfiniteScroll)
+                this.initInfiniteScroll();
         }
     }
     ngOnDestroy() {
-        this.subscriptions.unsubscribe();
+        this._subscriptions.unsubscribe();
+        this.$items.complete();
+        this.$itemCount.complete();
     }
     click(event, userEvent) {
         if (!userEvent)
@@ -26536,47 +26589,59 @@ class UserEventNotificationList {
     }
     dismiss() {
         this.popoverController.dismiss();
+        // Reset counter (need if event has been received while popover if open)
+        this.userEventService.resetCount();
     }
     fetchMore(event) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            if (!this._fetchMoreFn || this._fetchingMore)
+            if (!this._fetchMoreFn || this.fetchingMore)
                 return;
             console.debug('[user-event-notification-list] Fetching more notifications...', event);
-            this._fetchingMore = true;
+            this.fetchingMore = true;
+            const fetchMoreFn = this._fetchMoreFn;
             try {
-                const result = yield this._fetchMoreFn();
+                const result = yield fetchMoreFn();
                 let data = [
                     ...(this.$items.value || []),
                     ...result.data
                 ];
                 // Remove duplication (e.g. when new user event was added by subscription)
                 data = removeDuplicatesFromArray(data, 'id');
+                // fetch more changes (e.g. if watchAll observable as been refreshed)
+                if (fetchMoreFn !== this._fetchMoreFn)
+                    return; // Skip
                 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;
+                // Update the page size, to keep same scroll height, after the next refresh
+                this.pageSize = Math.max(this.pageSize, data.length);
             }
             catch (err) {
                 console.error(err);
-                this._fetchMoreFn = undefined;
+                this._fetchMoreFn = undefined; // Forget the function
             }
             finally {
                 this.markForCheck();
-                this._fetchingMore = false;
+                this.fetchingMore = false;
             }
         });
     }
-    _initInfiniteScroll(threshold) {
+    trackByFn(index, item) {
+        return item.id;
+    }
+    initInfiniteScroll(threshold) {
         return __awaiter(this, void 0, void 0, function* () {
+            console.debug('[user-event-notification-list] Init infinite loop');
             if (this._fetchMoreSubscription)
                 this._fetchMoreSubscription.unsubscribe();
             threshold = threshold || (this.mobile ? '15%' : '2%');
-            yield waitFor(() => !!this.ionContent);
+            yield waitFor(() => !!this.ionContent, { dueTime: 250, timeout: 1000 });
             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*/)
+            this._fetchMoreSubscription = this.$items.pipe(debounceTime(250), filter(() => this.canFetchMore), switchMap(() => fromScrollEndEvent(panel, threshold, 250 /*force to check when no scrollbar - e.g. in large screen*/)))
                 .subscribe(() => this.fetchMore());
-            this.subscriptions.add(this._fetchMoreSubscription);
+            this._subscriptions.add(this._fetchMoreSubscription);
         });
     }
     markForCheck() {
@@ -26586,9 +26651,9 @@ class UserEventNotificationList {
 UserEventNotificationList.decorators = [
     { type: Component, args: [{
                 selector: 'app-user-event-notification-list',
-                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",
+                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; trackBy: trackByFn; 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; else generateIcon\"\n            [ref]=\"item.avatarIcon\"\n            height=\"40\"\n            width=\"40\"\n          ></app-icon>\n        </ng-template>\n\n        <ng-template #generateIcon>\n          <div class=\"avatar\" *ngIf=\"item.avatarJdenticon\">\n            <svg width=\"40\" width=\"40\" [data-jdenticon-value]=\"item.avatarJdenticon\"></svg>\n          </div>\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    <ng-container *ngIf=\"!($items|async); else notLoading\">\n      <ng-container *ngTemplateOutlet=\"loadingItem\"></ng-container>\n    </ng-container>\n\n    <ng-template #notLoading>\n      <!-- no result -->\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\n      <!-- Fetching more -->\n      <ng-container *ngIf=\"fetchingMore; else infiniteLoop\" lines=\"none\" disabled>\n        <ng-container *ngTemplateOutlet=\"loadingItem\"></ng-container>\n      </ng-container>\n\n      <!-- Infinite loop -->\n      <ng-template #infiniteLoop>\n        <ng-container *ngIf=\"canFetchMore\" lines=\"none\" disabled\n                      [ngTemplateOutlet]=\"loadingItem\">\n        </ng-container>\n      </ng-template>\n    </ng-template>\n\n    <!-- footer -->\n    <ion-row class=\"ion-list-footer column\">\n      <ion-col>\n        <ion-text *ngIf=\"$itemCount|async; let count\"\n                  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\n<!-- loading -->\n<ng-template #loadingItem>\n  <ion-item lines=\"none\" disabled>\n    <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n  </ion-item>\n</ng-template>\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;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}"]
+                styles: [":host(.popover-viewport){overflow-y:auto;-webkit-user-select:none;-moz-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}ion-avatar .avatar svg,ion-avatar img{border:1px solid rgba(var(--ion-color-secondary-rgb,.5));border-radius:50%}"]
             },] }
 ];
 UserEventNotificationList.ctorParameters = () => [
@@ -26601,11 +26666,11 @@ 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 }],
+    pageSize: [{ type: Input }],
     readEvent: [{ type: Output }],
     readEvents: [{ type: Output }],
     ionContent: [{ type: ViewChild, args: [IonContent,] }],
@@ -26642,12 +26707,12 @@ class AppUserEventNotificationIcon {
             // Wait service
             yield this.userEventService.ready();
             // Subscribe to read event
-            this._readEvent.subscribe(value => {
+            this._readEvent.subscribe(item => {
                 // default: mark event as read
-                this.userEventService.markAsRead([value]);
+                this.userEventService.markAllAsRead([item]);
             });
-            this._readEvents.subscribe(value => {
-                this.userEventService.markAsRead(value);
+            this._readEvents.subscribe(items => {
+                this.userEventService.markAllAsRead(items);
             });
         });
     }
@@ -26661,7 +26726,8 @@ class AppUserEventNotificationIcon {
                     debug: this.debug,
                     titleI18n: this.titleI18n,
                     readEvent: this._readEvent,
-                    readEvents: this._readEvents
+                    readEvents: this._readEvents,
+                    filter: this.filter
                 },
                 backdropDismiss: true,
                 keyboardClose: true,
@@ -26704,7 +26770,8 @@ UserEventModule.decorators = [
                 imports: [
                     CommonModule,
                     SharedModule,
-                    AppIconModule
+                    AppIconModule,
+                    NgxJdenticonModule
                 ],
                 declarations: [
                     AppUserEventNotificationIcon,
@@ -27023,7 +27090,7 @@ JobProgressionList.decorators = [
     { type: Component, args: [{
                 selector: 'app-job-progression-list',
                 template: "<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-row>\n\n  <ion-item *ngIf=\"!jobProgressions?.length\">\n    {{'SOCIAL.JOB.PROGRESSION.EMPTY' | translate}}\n  </ion-item>\n  <ion-item *ngFor=\"let jobProgression of jobProgressions\" class=\"ion-item-job-progression\">\n    <ion-grid class=\"ion-no-margin\">\n      <ion-row class=\"name\">\n        <ion-col>\n          {{jobProgression.name}}\n        </ion-col>\n      </ion-row>\n      <ion-row class=\"message\">\n        <ion-col>\n          {{jobProgression.message}}\n        </ion-col>\n      </ion-row>\n      <ion-row class=\"progress-bar\">\n        <ion-col>\n          <ion-progress-bar\n            [value]=\"jobProgression.total > 0 ? jobProgression.current / jobProgression.total : undefined\"\n            [type]=\"jobProgression.total > 0 ? 'determinate' : 'indeterminate'\">\n          </ion-progress-bar>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  </ion-item>\n\n</ion-list>\n",
-                styles: [":host(.popover-viewport){overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ion-item-job-progression{font-size:.9em}.ion-item-job-progression .message{font-style:italic}.ion-item-job-progression .progress-bar{margin-top:5px;margin-bottom:5px}"]
+                styles: [":host(.popover-viewport){overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ion-item-job-progression{font-size:.9em}.ion-item-job-progression .message{font-style:italic}.ion-item-job-progression .progress-bar{margin-top:5px;margin-bottom:5px}"]
             },] }
 ];
 JobProgressionList.ctorParameters = () => [];
@@ -27263,130 +27330,6 @@ SocialModule.decorators = [
             },] }
 ];
 
-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)
@@ -27729,7 +27672,6 @@ class UsersPage extends AppTable {
         this.statusById = StatusById;
         this.filterCriteriaCount = 0;
         this.useSticky = false;
-        this.referentialToString = referentialToString;
         this.canEdit = accountService.isAdmin();
         this.canSendMessage = this.canEdit;
         this.inlineEdition = this.canEdit;
@@ -29402,6 +29344,100 @@ JobTestingModule.decorators = [
             },] }
 ];
 
+var UserEventTest_1;
+// @dynamic
+let UserEventTest = UserEventTest_1 = class UserEventTest extends Entity {
+    constructor() {
+        super(UserEventTest_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);
+        }
+    }
+};
+UserEventTest = UserEventTest_1 = __decorate([
+    EntityClass({ typename: 'UserEventTestVO' })
+], UserEventTest);
+// @dynamic
+let UserEventTestFilter = class UserEventTestFilter 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;
+    }
+};
+UserEventTestFilter = __decorate([
+    EntityClass({ typename: 'UserEventTestFilterVO' })
+], UserEventTestFilter);
+
 class UserEventTestService extends AbstractUserEventService {
     constructor(graphql, accountService, network, translate, environment) {
         super(graphql, accountService, network, translate, {
@@ -29416,25 +29452,31 @@ class UserEventTestService extends AbstractUserEventService {
         this.network = network;
         this.translate = translate;
         this.environment = environment;
-        this.userEvents = [];
+        this.$userEvents = new BehaviorSubject([]);
+        this.$newUserEvents = new Subject();
     }
     fromObject(source) {
-        return UserEvent.fromObject(source);
+        return UserEventTest.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);
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            entity = yield this.processUserEvent(entity);
+            entity.id = (((_a = this.$userEvents.value) === null || _a === void 0 ? void 0 : _a.length) || 0) + 1;
+            this.$userEvents.next([
+                entity,
+                ...this.$userEvents.value
+            ]);
+            this._countSubject.next((this._countSubject.value || 0) + 1);
+            this.$newUserEvents.next([entity]);
+        });
     }
     asFilter(filter) {
         return filter;
     }
     count(filter, options) {
-        return Promise.resolve(this.userEvents.length);
+        var _a;
+        return Promise.resolve(((_a = this.$userEvents.value) === null || _a === void 0 ? void 0 : _a.length) || 0);
     }
     delete(entity) {
         return Promise.resolve(undefined);
@@ -29442,12 +29484,12 @@ class UserEventTestService extends AbstractUserEventService {
     deleteAll(data, opts) {
         return Promise.resolve(undefined);
     }
-    listenChanges(filter, options) {
-        return of();
+    listenAllChanges(filter, options) {
+        return this.$newUserEvents.asObservable();
     }
     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));
+        const toSave = (_a = this.$userEvents.value) === 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;
     }
@@ -29456,27 +29498,29 @@ class UserEventTestService extends AbstractUserEventService {
             for (const entity of (data || [])) {
                 yield this.save(entity);
             }
-            return Promise.resolve(this.userEvents);
+            return this.$userEvents.toPromise();
         });
     }
     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);
+        return this.$userEvents.pipe(map(userEvents => {
+            var _a;
+            let data = (userEvents || []).slice(offset || 0, offset + size);
+            const total = ((_a = this.$userEvents.value) === 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 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;
+        let data = (this.$userEvents.value || []).slice(offset || 0, offset + size);
+        const total = ((_a = this.$userEvents.value) === 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);
@@ -29518,6 +29562,12 @@ class UserEventTestingPage {
             onRead: (userEvent) => { this.showMessage("debug message read "); }
         });
     }
+    get timerStarted() {
+        return !!this._timerSubscription;
+    }
+    ngOnDestroy() {
+        this.stopTimer();
+    }
     customize(userEvent) {
         // Choose avatarIcon
         switch (userEvent.level) {
@@ -29548,7 +29598,7 @@ class UserEventTestingPage {
         }
     }
     addNotification() {
-        this.userEventService.add(UserEvent.fromObject({
+        this.userEventService.add(UserEventTest.fromObject({
             issuer: 'system',
             recipient: 'me',
             type: 'message',
@@ -29558,7 +29608,7 @@ class UserEventTestingPage {
         }));
     }
     addError() {
-        this.userEventService.add(UserEvent.fromObject({
+        this.userEventService.add(UserEventTest.fromObject({
             issuer: 'system',
             recipient: 'me',
             type: 'upload',
@@ -29568,7 +29618,7 @@ class UserEventTestingPage {
         }));
     }
     addWarning() {
-        this.userEventService.add(UserEvent.fromObject({
+        this.userEventService.add(UserEventTest.fromObject({
             issuer: 'system',
             recipient: 'me',
             type: 'download',
@@ -29578,7 +29628,7 @@ class UserEventTestingPage {
         }));
     }
     addDebug() {
-        this.userEventService.add(UserEvent.fromObject({
+        this.userEventService.add(UserEventTest.fromObject({
             issuer: 'system',
             recipient: 'me',
             type: 'debug',
@@ -29588,7 +29638,7 @@ class UserEventTestingPage {
         }));
     }
     addNotificationWithLink() {
-        this.userEventService.add(UserEvent.fromObject({
+        this.userEventService.add(UserEventTest.fromObject({
             issuer: 'system',
             recipient: 'me',
             type: 'message',
@@ -29605,7 +29655,7 @@ class UserEventTestingPage {
         }));
     }
     addNotificationWithAction() {
-        this.userEventService.add(UserEvent.fromObject({
+        this.userEventService.add(UserEventTest.fromObject({
             issuer: 'system',
             recipient: 'me',
             type: 'message',
@@ -29632,8 +29682,52 @@ class UserEventTestingPage {
             ]
         }));
     }
+    addMany(count) {
+        count = count || 20;
+        for (let i = 0; i < count; i++) {
+            this.addRandom(i);
+        }
+    }
+    startTimer(period) {
+        var _a;
+        (_a = this._timerSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        period = period || 1000;
+        let counter = 0;
+        this._timerSubscription = timer(period, period)
+            .subscribe(() => {
+            this.addRandom(counter);
+            counter++;
+        });
+    }
+    stopTimer() {
+        var _a;
+        (_a = this._timerSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this._timerSubscription = null;
+    }
+    addRandom(value) {
+        switch (value % 6) {
+            case 0:
+                this.addNotification();
+                break;
+            case 1:
+                this.addError();
+                break;
+            case 2:
+                this.addDebug();
+                break;
+            case 3:
+                this.addNotificationWithLink();
+                break;
+            case 4:
+                this.addNotificationWithAction();
+                break;
+            case 5:
+                this.addNotificationWithDefaultAction();
+                break;
+        }
+    }
     addNotificationWithDefaultAction() {
-        this.userEventService.add(UserEvent.fromObject({
+        this.userEventService.add(UserEventTest.fromObject({
             issuer: 'system',
             recipient: 'me',
             type: 'message',
@@ -29656,7 +29750,7 @@ class UserEventTestingPage {
 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"
+                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  <p>\n    <ion-button (click)=\"addMany()\">Add notifications (x20)</ion-button>\n  </p>\n  <p>\n    <ion-button (click)=\"startTimer()\" *ngIf=\"!timerStarted\">Start timer</ion-button>\n    <ion-button (click)=\"stopTimer()\" *ngIf=\"timerStarted\">Stop timer</ion-button>\n  </p>\n</ion-content>\n"
             },] }
 ];
 UserEventTestingPage.ctorParameters = () => [
@@ -29725,5 +29819,5 @@ SocialTestingModule.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, 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 };
+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, IMAGE_DEFAULTS, ImagesUtils, 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, UserEventModule, UserEventTestService, UserEventTestingModule, UserEventTestingPage, 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