@sumaris-net/ngx-components 1.20.32 → 1.21.0-beta1

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

@@ -241,6 +241,64 @@ function changeCaseToUnderscore(value) {
 function removeDiacritics(text) {
     return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
 }
+function suggestFromArray(items, value, opts) {
+    if (isNotNil(value) && typeof value === 'object')
+        return { data: [value] };
+    value = (typeof value === 'string' && value !== '*') && value.toUpperCase() || undefined;
+    const keys = opts && (opts.searchAttribute && [opts.searchAttribute] || opts.searchAttributes) || ['label'];
+    if (!items) {
+        return { data: [], total: 0 };
+    }
+    // Filter items
+    let filteredItems = items;
+    if (isNotNilOrBlank(value)) {
+        // If wildcard, search using regexp
+        if (value.indexOf('*') !== -1) {
+            value = value.replace(/[*]+/g, '.*');
+            filteredItems = filteredItems.filter(v => keys.findIndex(key => matchUpperCase(getPropertyByPathAsString(v, key), value)) !== -1);
+        }
+        // Else (no wildcard), search using startsWith
+        else {
+            filteredItems = filteredItems.filter(v => keys.findIndex(key => startsWithUpperCase(getPropertyByPathAsString(v, key), value)) !== -1);
+        }
+    }
+    // Exclude ids
+    if (isNotEmptyArray(opts === null || opts === void 0 ? void 0 : opts.excludedIds)) {
+        filteredItems = filteredItems.filter(v => !opts.excludedIds.includes(+v['id']));
+    }
+    // Sort
+    if (!opts || opts.skipSort !== true) {
+        // Make to copy input items, before sorting (if not yet already done)
+        if (filteredItems === items)
+            filteredItems = filteredItems.slice();
+        // Sort by keys
+        filteredItems.sort(propertiesPathComparator(keys));
+    }
+    const total = filteredItems.length || 0;
+    // Pagination (truncate if need)
+    let pageData = filteredItems;
+    if (opts) {
+        if ((opts.offset || 0) > 0) {
+            pageData = pageData.slice(opts.offset);
+        }
+        if (isNotNil(opts.size) && pageData.length > opts.size) {
+            pageData = pageData.slice(0, opts.size);
+        }
+    }
+    const result = {
+        data: pageData,
+        total
+    };
+    // Add fetch more capability, if total was fetched
+    const nextOffset = (opts && opts.offset || 0) + pageData.length;
+    if (nextOffset < total) {
+        result.fetchMore = (_) => __awaiter(this, void 0, void 0, function* () {
+            return suggestFromArray(filteredItems, undefined /*OPTIMISATION: already applied*/, Object.assign(Object.assign({}, opts), { offset: nextOffset, skipSort: true, excludedIds: undefined // OPTIMISATION: already filtered
+             }));
+        });
+    }
+    return result;
+}
 function suggestFromStringArray(values, value, options) {
     value = (typeof value === 'string' && value !== '*') && value.toUpperCase() || undefined;
     if (isNilOrBlank(value))
@@ -1042,65 +1100,6 @@ const isMobile = (win) => {
     return _cache.mobile;
 };
 
-function suggestFromArray(items, value, opts) {
-    if (isNotNil(value) && typeof value === 'object')
-        return { data: [value] };
-    value = (typeof value === 'string' && value !== '*') && value.toUpperCase() || undefined;
-    const keys = opts && (opts.searchAttribute && [opts.searchAttribute] || opts.searchAttributes) || ['label'];
-    if (!items) {
-        return { data: [], total: 0 };
-    }
-    // Filter items
-    let filteredItems = items;
-    if (isNotNilOrBlank(value)) {
-        // If wildcard, search using regexp
-        if (value.indexOf('*') !== -1) {
-            value = value.replace(/[*]+/g, '.*');
-            filteredItems = filteredItems.filter(v => keys.findIndex(key => matchUpperCase(getPropertyByPathAsString(v, key), value)) !== -1);
-        }
-        // Else (no wildcard), search using startsWith
-        else {
-            filteredItems = filteredItems.filter(v => keys.findIndex(key => startsWithUpperCase(getPropertyByPathAsString(v, key), value)) !== -1);
-        }
-    }
-    // Exclude ids
-    if (isNotEmptyArray(opts === null || opts === void 0 ? void 0 : opts.excludedIds)) {
-        filteredItems = filteredItems.filter(v => !opts.excludedIds.includes(+v['id']));
-    }
-    // Sort
-    if (!opts || opts.skipSort !== true) {
-        // Make to copy input items, before sorting (if not yet already done)
-        if (filteredItems === items)
-            filteredItems = filteredItems.slice();
-        // Sort by keys
-        filteredItems.sort(propertiesPathComparator(keys));
-    }
-    const total = filteredItems.length || 0;
-    // Pagination (truncate if need)
-    let pageData = filteredItems;
-    if (opts) {
-        if ((opts.offset || 0) > 0) {
-            pageData = pageData.slice(opts.offset);
-        }
-        if (isNotNil(opts.size) && pageData.length > opts.size) {
-            pageData = pageData.slice(0, opts.size);
-        }
-    }
-    const result = {
-        data: pageData,
-        total
-    };
-    // Add fetch more capability, if total was fetched
-    const nextOffset = (opts && opts.offset || 0) + pageData.length;
-    if (nextOffset < total) {
-        result.fetchMore = (_) => __awaiter(this, void 0, void 0, function* () {
-            return suggestFromArray(filteredItems, undefined /*OPTIMISATION: already applied*/, Object.assign(Object.assign({}, opts), { offset: nextOffset, skipSort: true, excludedIds: undefined // OPTIMISATION: already filtered
-             }));
-        });
-    }
-    return result;
-}
-
 class MatAutocompleteConfigHolder {
     constructor(options) {
         this.options = options;
@@ -2329,9 +2328,9 @@ class HighlightPipe {
             const cleanedSearchText = removeDiacritics(searchRegexp).toUpperCase();
             const index = removeDiacritics(value.toUpperCase()).indexOf(cleanedSearchText);
             if (index !== -1) {
-                return value.substring(0, index - 1) +
-                    '<b>' + value.substring(index, cleanedSearchText.length) + '</b>' +
-                    value.substring(index + cleanedSearchText.length);
+                return value.substr(0, index - 1) +
+                    '<b>' + value.substr(index, cleanedSearchText.length) + '</b>' +
+                    value.substr(index + cleanedSearchText.length);
             }
             return value;
         }
@@ -2729,50 +2728,60 @@ class IsNotNilOrBlankPipe {
         return isNotNilOrBlank(value);
     }
 }
+IsNotNilOrBlankPipe.ɵprov = ɵɵdefineInjectable({ factory: function IsNotNilOrBlankPipe_Factory() { return new IsNotNilOrBlankPipe(); }, token: IsNotNilOrBlankPipe, providedIn: "root" });
 IsNotNilOrBlankPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'isNotNilOrBlank'
-            },] }
+            },] },
+    { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
 class IsNilOrBlankPipe {
     transform(value) {
         return isNilOrBlank(value);
     }
 }
+IsNilOrBlankPipe.ɵprov = ɵɵdefineInjectable({ factory: function IsNilOrBlankPipe_Factory() { return new IsNilOrBlankPipe(); }, token: IsNilOrBlankPipe, providedIn: "root" });
 IsNilOrBlankPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'isNilOrBlank'
-            },] }
+            },] },
+    { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
 class ToStringPipe {
     transform(value) {
         return (value !== null && value !== undefined) ? value.toString() : '';
     }
 }
+ToStringPipe.ɵprov = ɵɵdefineInjectable({ factory: function ToStringPipe_Factory() { return new ToStringPipe(); }, token: ToStringPipe, providedIn: "root" });
 ToStringPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'toString'
-            },] }
+            },] },
+    { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
 class StrLengthPipe {
     transform(value) {
         return value && value.length || 0;
     }
 }
+StrLengthPipe.ɵprov = ɵɵdefineInjectable({ factory: function StrLengthPipe_Factory() { return new StrLengthPipe(); }, token: StrLengthPipe, providedIn: "root" });
 StrLengthPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'strLength'
-            },] }
+            },] },
+    { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
 class StrIncludesPipe {
     transform(value, searchString, position) {
         return (value === null || value === void 0 ? void 0 : value.includes(searchString, position)) || false;
     }
 }
+StrIncludesPipe.ɵprov = ɵɵdefineInjectable({ factory: function StrIncludesPipe_Factory() { return new StrIncludesPipe(); }, token: StrIncludesPipe, providedIn: "root" });
 StrIncludesPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'strIncludes'
-            },] }
+            },] },
+    { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
 
 class TranslateContextService {
@@ -4223,7 +4232,8 @@ FormGetGroupPipe.decorators = [
             },] }
 ];
 class FormGetValuePipe {
-    constructor(_ref) {
+    constructor(adapter, _ref) {
+        this.adapter = adapter;
         this._ref = _ref;
         this.value = undefined;
         this._lastControl = null;
@@ -4288,6 +4298,7 @@ FormGetValuePipe.decorators = [
             },] }
 ];
 FormGetValuePipe.ctorParameters = () => [
+    { type: FormErrorTranslator },
     { type: ChangeDetectorRef }
 ];
 
@@ -5158,8 +5169,7 @@ class MatDate {
     set tabindex(value) {
         if (this._tabindex !== value) {
             this._tabindex = value;
-            if (!this._writing)
-                this.updateTabIndex();
+            setTimeout(() => this.updateTabIndex());
         }
     }
     get tabindex() {
@@ -5518,8 +5528,7 @@ class MatDateTime {
     set tabindex(value) {
         if (this._tabindex !== value) {
             this._tabindex = value;
-            if (!this._writing)
-                this.updateTabIndex();
+            setTimeout(() => this.updateTabIndex());
         }
     }
     get tabindex() {
@@ -18204,18 +18213,6 @@ class InMemoryEntitiesService extends EntitiesService {
             return this._equalsFn(d1, d2);
         return d1 && d1.equals ? d1.equals(d2) : EntityUtils.equals(d1, d2, 'id');
     }
-    /**
-     * Count data stored by the service (without hidden data).
-     * @param opts
-     */
-    get count() {
-        var _a;
-        return (((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) || 0);
-    }
-    get hiddenCount() {
-        var _a;
-        return ((_a = this._hiddenData) === null || _a === void 0 ? void 0 : _a.length) || 0;
-    }
     /* -- protected methods -- */
     filter(data, _filter, hiddenData) {
         // if filter is DataFilter instance, use its test function
@@ -21498,13 +21495,14 @@ class AppIconComponent {
         this.icon = value.icon;
         this.matIcon = value.matIcon;
         this.matSvgIcon = value.matSvgIcon;
+        this.color = value.color;
     }
     ;
 }
 AppIconComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-icon',
-                template: "<ion-icon *ngIf=\"icon; else matIconTemplate\" slot=\"icon-only\"\n          [color]=\"color\"\n          [name]=\"icon\"\n></ion-icon>\n<ng-template #matIconTemplate>\n  <mat-icon [svgIcon]=\"matSvgIcon\"\n            [style.color]=\"'var(--ion-color-'+color+')'\">{{matIcon}}</mat-icon>\n</ng-template>\n\n"
+                template: "<ion-icon *ngIf=\"icon; else matIconTemplate\" slot=\"icon-only\"\n          [color]=\"color\"\n          [name]=\"icon\"\n          [style.height.px]=\"height\"\n          [style.width.px]=\"width\"\n></ion-icon>\n<ng-template #matIconTemplate>\n  <mat-icon [svgIcon]=\"matSvgIcon\"\n            [style.color]=\"'var(--ion-color-'+color+')'\"\n            [style.height.px]=\"height\"\n            [style.width.px]=\"width\"\n            [style.font-size.px]=\"height || width\"\n  >{{matIcon}}</mat-icon>\n</ng-template>\n\n"
             },] }
 ];
 AppIconComponent.propDecorators = {
@@ -21512,6 +21510,8 @@ AppIconComponent.propDecorators = {
     matIcon: [{ type: Input }],
     matSvgIcon: [{ type: Input }],
     color: [{ type: Input }],
+    height: [{ type: Input }],
+    width: [{ type: Input }],
     ref: [{ type: Input }]
 };
 
@@ -25823,7 +25823,10 @@ AppInMemoryTable.propDecorators = {
 const SocialErrorCodes = {
     LOAD_USER_EVENTS_ERROR: 50000,
     SAVE_USER_EVENT_ERROR: 50001,
-    SEND_MESSAGE_ERROR: 50003
+    COUNT_USER_EVENT_ERROR: 50002,
+    SEND_MESSAGE_ERROR: 50003,
+    SUBSCRIBE_USER_EVENTS_ERROR: 50005,
+    SUBSCRIBE_JOB_PROGRESSION_ERROR: 50010
 };
 
 var UserEvent_1;
@@ -25838,16 +25841,23 @@ let UserEvent = UserEvent_1 = class UserEvent extends Entity {
     }
     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('{')) {
@@ -25866,6 +25876,52 @@ let UserEvent = UserEvent_1 = class UserEvent extends Entity {
 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;
+    }
+};
+UserEventFilter = __decorate([
+    EntityClass({ typename: 'UserEventFilterVO' })
+], UserEventFilter);
 
 const UserEventFragments = {
     userEvent: gql `fragment UserEventFragment on UserEventVO {
@@ -25893,230 +25949,367 @@ const UserEventFragments = {
   }`
 };
 
-// @dynamic
-let UserEventFilter = class UserEventFilter extends EntityFilter {
-    constructor() {
-        super(...arguments);
-        this.issuer = null;
-        this.recipient = null;
-    }
-    fromObject(source, opts) {
-        super.fromObject(source, opts);
-        this.issuer = source.issuer;
-        this.recipient = source.recipient;
-    }
-    buildFilter() {
-        const filterFns = super.buildFilter();
-        // issuer
-        if (this.issuer) {
-            filterFns.push(t => (t.issuer === this.issuer));
-        }
-        if (this.recipient) {
-            filterFns.push(t => (t.recipient === this.recipient));
-        }
-        return filterFns;
-    }
-};
-UserEventFilter = __decorate([
-    EntityClass({ typename: 'UserEventFilterVO' })
-], UserEventFilter);
-const SaveQuery = gql `
-  mutation SaveUserEvent($data: UserEventVOInput){
-    data: saveUserEvent(userEvent: $data){
-      ...UserEventFragment
-    }
-  }
-  ${UserEventFragments.userEvent}
-`;
-const LoadAllQuery = gql `
-  query UserEvents($filter: UserEventFilterVOInput, $page: PageInput){
-    data: userEvents(filter: $filter, page: $page){
-      ...LightUserEventFragment
-    }
-  }
-  ${UserEventFragments.lightUserEvent}
-`;
-const DeleteByIdsMutation = gql `
-  mutation DeleteUserEvents($ids:[Int]){
-    deleteUserEvents(ids: $ids)
-  }
-`;
-const LoadAllWithContentQuery = gql `
-  query UserEventsWithContent($filter: UserEventFilterVOInput, $page: PageInput){
-    data: userEvents(filter: $filter, page: $page){
-      ...UserEventFragment
-    }
-  }
-  ${UserEventFragments.userEvent}
-`;
-class UserEventService extends BaseGraphqlService {
-    constructor(graphql, accountService, network, translate, toastController, environment) {
+const moment$6 = momentImported;
+const UserEventServiceToken = new InjectionToken('UserEventService');
+class AbstractUserEventService extends BaseGraphqlService {
+    constructor(graphql, accountService, network, translate, toastController, queries, mutations, subscriptions, environment) {
         super(graphql, environment);
         this.graphql = graphql;
         this.accountService = accountService;
         this.network = network;
         this.translate = translate;
         this.toastController = toastController;
+        this.queries = queries;
+        this.mutations = mutations;
+        this.subscriptions = subscriptions;
         this.environment = environment;
-        this._userEventActions = [];
+        this._count$ = new BehaviorSubject(0);
+        this._subscriptions = new Subscription();
+        this.listeners = [];
+        this._logPrefix = '[user-event-service] ';
         // For DEV only
-        this._debug = environment && !environment.production;
+        this._debug = !(environment === null || environment === void 0 ? void 0 : environment.production);
+        // listen login/logout
+        this._subscriptions.add(accountService.onLogin.subscribe(() => __awaiter(this, void 0, void 0, function* () {
+            const count = yield this.count(this.defaultFilter());
+            if (count && this._debug) {
+                console.debug(`${this._logPrefix}Received ${count} unread notifications`);
+            }
+            this._count$.next(count);
+        })));
+    }
+    get userEventCount() {
+        return this._count$.asObservable();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
     }
-    /**
-     *
-     * @param offset
-     * @param size
-     * @param sortBy
-     * @param sortDirection
-     * @param filter
-     * @param options
-     * @deprecated use watchPage() instead
-     */
     watchAll(offset, size, sortBy, sortDirection, filter, options) {
         return this.watchPage({ offset, size, sortBy, sortDirection }, filter, options);
     }
     watchPage(page, filter, options) {
+        var _a;
         let now = this._debug && Date.now();
         //if (this._debug)
-        console.debug('[user-event-service] Loading user events...', filter);
+        console.debug(`${this._logPrefix}Loading user events...`, filter);
         filter = this.asFilter(filter);
         // Force recipient to current issuer, if not admin and not specified
-        if (isNilOrBlank(filter.recipient) || !this.accountService.isAdmin()) {
-            const recipient = this.accountService.account.pubkey;
-            if (recipient !== filter.recipient) {
+        if (isEmptyArray(filter.recipients) || !this.accountService.isAdmin()) {
+            const recipient = this.defaultRecipient();
+            if (!((_a = filter.recipients) === null || _a === void 0 ? void 0 : _a.includes(recipient))) {
                 console.warn('[user-events-service] Force user event filter.recipient=' + recipient);
-                filter.recipient = recipient;
+                filter.recipients = [recipient];
             }
         }
-        const withContent = options && options.withContent === true;
+        const withContent = (options === null || options === void 0 ? void 0 : options.withContent) === true;
         return this.mutableWatchQuery({
             queryName: withContent ? 'LoadAllWithContent' : 'LoadAll',
-            query: withContent ? LoadAllWithContentQuery : LoadAllQuery,
+            query: withContent ? this.queries.loadAllWithContent : this.queries.loadAll,
             variables: {
-                page: Object.assign(Object.assign({ sortBy: 'updateDate' }, page), { sortDirection: (page.sortDirection || 'DESC').toUpperCase() }),
+                page: Object.assign({ sortBy: 'updateDate', sortDirection: 'desc' }, page),
                 filter: filter && filter.asPodObject()
             },
             arrayFieldName: 'data',
             error: { code: SocialErrorCodes.LOAD_USER_EVENTS_ERROR, message: 'SOCIAL.ERROR.LOAD_USER_EVENTS_ERROR' },
-            fetchPolicy: options && options.fetchPolicy || undefined
+            fetchPolicy: (options === null || options === void 0 ? void 0 : options.fetchPolicy) || "cache-first"
         })
             .pipe(map(res => {
-            const data = res && (res.data || []).map(UserEvent.fromObject);
+            const data = ((res === null || res === void 0 ? void 0 : res.data) || []).map(this.processUserEvent);
             if (now) {
-                console.debug(`[user-event-service] ${data.length} user events loaded in ${Date.now() - now}ms`);
+                console.debug(`${this._logPrefix}${data.length} user events loaded in ${Date.now() - now}ms`);
                 now = null;
             }
+            const unreadCount = this.unreadEvents(data);
             return {
                 data,
-                total: res && toNumber(res.total, data.length)
+                total: toNumber(res === null || res === void 0 ? void 0 : res.total, unreadCount)
             };
         }));
     }
-    saveAll(data, options) {
-        return Promise.all(data
-            .map(entity => this.save(entity, options)));
+    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
+        });
+        // Update count
+        this._count$.next(this._count$.value + 1);
     }
-    /**
-     * Save a userEvent entity
-     *
-     * @param entity
-     */
-    save(entity, options) {
+    count(filter, options) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            this.fillDefaultProperties(entity);
-            // Transform into json
-            const isNew = isNil(entity.id);
-            const json = entity.asObject();
-            const now = Date.now();
+            if (!((_a = this.queries) === null || _a === void 0 ? void 0 : _a.count)) {
+                console.warn(`${this._logPrefix}Query 'count' not provided, skip.`);
+                return undefined;
+            }
+            if (!filter)
+                throw new Error(`Missing argument 'filter'`);
+            filter = this.asFilter(filter);
             if (this._debug)
-                console.debug(`[user-event-service] Saving user event...`, json);
-            yield this.graphql.mutate({
-                mutation: SaveQuery,
+                console.debug(`${this._logPrefix}Counting user events with filter:`, filter);
+            const res = yield this.graphql.query({
+                query: this.queries.count,
                 variables: {
-                    data: json
+                    filter: filter.asPodObject()
                 },
-                error: { code: SocialErrorCodes.SAVE_USER_EVENT_ERROR, message: 'SOCIAL.ERROR.SAVE_USER_EVENT_ERROR' },
-                update: (proxy, { data }) => {
-                    // Update entity
-                    const savedEntity = data && data.data;
-                    if (savedEntity) {
-                        if (this._debug)
-                            console.debug(`[user-event-service] User event saved in ${Date.now() - now}ms`, entity);
-                        this.copyIdAndUpdateDate(savedEntity, entity);
-                        // Add to cache
-                        if (isNew) {
-                            this.insertIntoMutableCachedQueries(proxy, {
-                                query: LoadAllQuery,
-                                data: Object.assign(Object.assign({}, savedEntity), { content: null })
-                            });
-                            this.insertIntoMutableCachedQueries(proxy, {
-                                query: LoadAllWithContentQuery,
-                                data: savedEntity
-                            });
-                        }
-                    }
-                }
+                error: { code: SocialErrorCodes.COUNT_USER_EVENT_ERROR, message: 'SOCIAL.ERROR.COUNT_USER_EVENT_ERROR' },
+                fetchPolicy: (options === null || options === void 0 ? void 0 : options.fetchPolicy) || 'network-only'
             });
-            return entity;
+            return res.total;
         });
     }
-    /**
-     * Save many trips
-     *
-     * @param entities
-     * @param opts
-     */
-    deleteAll(entities, opts) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const ids = entities && entities
-                .map(t => t.id);
+    listenChanges(filter, options) {
+        var _a;
+        if (!((_a = this.subscriptions) === null || _a === void 0 ? void 0 : _a.listenChanges)) {
+            console.warn(`${this._logPrefix}Subscription query 'listenChanges' not provided, skip.`);
+            return of();
+        }
+        if (!filter)
+            throw new Error(`Missing argument 'filter'`);
+        filter = this.asFilter(filter);
+        const withContent = (options === null || options === void 0 ? void 0 : options.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) },
+            error: {
+                code: SocialErrorCodes.SUBSCRIBE_USER_EVENTS_ERROR,
+                message: 'SOCIAL.ERROR.SUBSCRIBE_USER_EVENTS_ERROR'
+            }
+        }).pipe(map(({ data }) => {
+            if (data && this._debug)
+                console.debug(`${this._logPrefix}Received new user events:`, data);
+            const updatedData = data === null || data === void 0 ? void 0 : data.map(this.processUserEvent);
+            // Update cache
+            this.insertIntoMutableCachedQueries(this.graphql.cache, {
+                query: withContent ? this.queries.loadAllWithContent : this.queries.loadAll,
+                data: updatedData
+            });
+            // update count
+            this._count$.next(this.unreadEvents(updatedData));
+            return updatedData;
+        }));
+    }
+    delete(entity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!entity)
+                return; // skip
+            yield this.deleteAll([entity]);
+        });
+    }
+    deleteAll(entities, opts) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const ids = entities && entities
+                .map(t => t.id);
             if (isEmptyArray(ids))
                 return; // stop, if nothing else to do
             const now = Date.now();
             if (this._debug)
-                console.debug('[user-event-service] Deleting events... ids:', ids);
+                console.debug(`${this._logPrefix}Deleting events... ids:`, ids);
             yield this.graphql.mutate({
-                mutation: DeleteByIdsMutation,
+                mutation: this.mutations.deleteByIds,
                 variables: {
                     ids
                 },
                 update: (proxy) => {
                     // Remove from caches
                     this.removeFromMutableCachedQueriesByIds(proxy, {
-                        query: LoadAllQuery,
+                        query: this.queries.loadAll,
                         ids
                     });
                     this.removeFromMutableCachedQueriesByIds(proxy, {
-                        query: LoadAllWithContentQuery,
+                        query: this.queries.loadAllWithContent,
                         ids
                     });
                     if (this._debug)
-                        console.debug(`[user-event-service] Events deleted in ${Date.now() - now}ms`);
+                        console.debug(`${this._logPrefix}Events deleted in ${Date.now() - now}ms`);
                 }
             });
         });
     }
-    /**
-     * Delete userEvent entities
-     */
-    delete(data) {
+    save(entity, options) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!data)
-                return; // skip
-            yield this.deleteAll([data]);
+            this.fillDefaultProperties(entity);
+            // Transform into json
+            const isNew = isNil(entity.id);
+            const json = entity.asObject();
+            const now = Date.now();
+            if (this._debug)
+                console.debug(`${this._logPrefix}Saving user event...`, json);
+            yield this.graphql.mutate({
+                mutation: this.mutations.save,
+                variables: {
+                    data: json
+                },
+                error: { code: SocialErrorCodes.SAVE_USER_EVENT_ERROR, message: 'SOCIAL.ERROR.SAVE_USER_EVENT_ERROR' },
+                update: (proxy, { data }) => {
+                    // Update entity
+                    const savedEntity = data && data.data;
+                    if (savedEntity) {
+                        if (this._debug)
+                            console.debug(`${this._logPrefix}User event saved in ${Date.now() - now}ms`, entity);
+                        this.copyIdAndUpdateDate(savedEntity, entity);
+                        // Add to cache
+                        if (isNew) {
+                            this.insertIntoMutableCachedQueries(proxy, {
+                                query: this.queries.loadAll,
+                                data: Object.assign(Object.assign({}, savedEntity), { content: null })
+                            });
+                            this.insertIntoMutableCachedQueries(proxy, {
+                                query: this.queries.loadAllWithContent,
+                                data: savedEntity
+                            });
+                        }
+                    }
+                }
+            });
+            return entity;
         });
     }
-    listenChanges(id, options) {
-        // TODO
-        console.warn('TODO: implement listen changes on user events');
-        return of();
+    saveAll(data, opts) {
+        return Promise.all(data
+            .map(entity => this.save(entity, opts)));
+    }
+    markAsRead(entity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // Get onRead listeners
+            const onReadListeners = (this.listeners || []).filter(listener => !!listener.onRead).filter(listener => listener.accept(entity));
+            if (onReadListeners.length) {
+                for (const listener of onReadListeners) {
+                    yield listener.onRead(entity);
+                }
+            }
+            else {
+                // Use default
+                yield this.defaultMarkAsRead(entity);
+            }
+        });
+    }
+    registerListener(listener) {
+        if (!this.listeners)
+            this.listeners = [];
+        this.listeners.push(listener);
+    }
+    /* -- protected methods -- */
+    processUserEvent(source) {
+        // Convert json source to IUserEvent
+        let target = this.fromObject(source);
+        // Get listeners
+        const listeners = (this.listeners || []).filter(listener => listener.onReceived).filter(listener => listener.accept(target));
+        for (const listener of listeners) {
+            if (target) {
+                target = listener.onReceived(target);
+            }
+            else {
+                if (this._debug)
+                    console.debug(`${this._logPrefix}Event has been rejected by a listener`, source);
+                break;
+            }
+        }
+        return target;
+    }
+    defaultMarkAsRead(userEvent) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!userEvent)
+                throw new Error(`${this._logPrefix}Invalid event to save`);
+            // set read date
+            userEvent.readDate = moment$6();
+            if (!userEvent.id || userEvent.id < 0) {
+                if (this._debug)
+                    console.debug(`${this._logPrefix}Save local user event`);
+                // TODO !!!!!!!!!!!!!
+            }
+            else {
+                yield this.save(userEvent);
+            }
+        });
+    }
+    defaultFilter() {
+        // By default
+        return {
+            recipients: [this.defaultRecipient()]
+        };
+    }
+    defaultRecipient() {
+        return this.accountService.person.pubkey;
+    }
+    fillDefaultProperties(entity) {
+    }
+    unreadEvents(events) {
+        // default calculation on unread events from a list
+        if (isEmptyArray(events))
+            return undefined;
+        const lastReadDate = events
+            .filter(event => isNotNil(event.readDate))
+            .reduce((lastDate, event) => DateUtils.max(lastDate, event.readDate), undefined);
+        return events
+            .filter(event => event.creationDate.isSameOrAfter(lastReadDate)).length;
     }
-    registerAction(definition) {
-        console.info(`[user-event-service] Registering action ${definition.name} for ${definition.__typename}`);
-        this._userEventActions.push(definition);
+    copyIdAndUpdateDate(source, target) {
+        EntityUtils.copyIdAndUpdateDate(source, target);
     }
-    getActionsByTypename(typename) {
-        return this._userEventActions.filter(def => def.__typename === typename);
+}
+AbstractUserEventService.decorators = [
+    { type: Directive }
+];
+AbstractUserEventService.ctorParameters = () => [
+    { type: GraphqlService },
+    { type: AccountService },
+    { type: NetworkService },
+    { type: TranslateService },
+    { type: ToastController },
+    { type: undefined },
+    { type: undefined },
+    { type: undefined },
+    { type: Environment, decorators: [{ type: Optional }, { type: Inject, args: [ENVIRONMENT,] }] }
+];
+const userEventQueries = {
+    loadAll: gql `
+    query UserEvents($filter: UserEventFilterVOInput, $page: PageInput){
+      data: userEvents(filter: $filter, page: $page){
+        ...LightUserEventFragment
+      }
+    }
+    ${UserEventFragments.lightUserEvent}
+  `,
+    loadAllWithContent: gql `
+    query UserEventsWithContent($filter: UserEventFilterVOInput, $page: PageInput){
+      data: userEvents(filter: $filter, page: $page){
+        ...UserEventFragment
+      }
+    }
+    ${UserEventFragments.userEvent}
+  `
+};
+const userEventMutations = {
+    deleteByIds: gql `
+    mutation DeleteUserEvents($ids:[Int]){
+      deleteUserEvents(ids: $ids)
+    }
+  `,
+    save: gql `
+    mutation SaveUserEvent($data: UserEventVOInput){
+      data: saveUserEvent(userEvent: $data){
+        ...UserEventFragment
+      }
+    }
+    ${UserEventFragments.userEvent}
+  `
+};
+class UserEventService extends AbstractUserEventService {
+    constructor(graphql, accountService, network, translate, toastController, environment) {
+        super(graphql, accountService, network, translate, toastController, userEventQueries, userEventMutations, undefined, environment);
+        this.graphql = graphql;
+        this.accountService = accountService;
+        this.network = network;
+        this.translate = translate;
+        this.toastController = toastController;
+        this.environment = environment;
     }
     showToastErrorWithContext(opts) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -26180,13 +26373,16 @@ class UserEventService extends BaseGraphqlService {
     }
     sendDataForDebug(data) {
         const userEvent = new UserEvent();
-        userEvent.eventType = UserEventTypes.DEBUG_DATA;
+        userEvent.type = UserEventTypes.DEBUG_DATA;
         userEvent.content = this.convertObjectToString(data);
         return this.save(userEvent);
     }
     asFilter(filter) {
         return UserEventFilter.fromObject(filter);
     }
+    fromObject(source) {
+        return UserEvent.fromObject(source);
+    }
     /* -- protected methods -- */
     convertObjectToString(data) {
         if (typeof data === 'string') {
@@ -26215,13 +26411,9 @@ class UserEventService extends BaseGraphqlService {
         // TODO: compute sign
         console.warn('TODO: sign user event before sending');
     }
-    copyIdAndUpdateDate(source, target) {
-        EntityUtils.copyIdAndUpdateDate(source, target);
-    }
 }
-UserEventService.ɵprov = ɵɵdefineInjectable({ factory: function UserEventService_Factory() { return new UserEventService(ɵɵinject(GraphqlService), ɵɵinject(AccountService), ɵɵinject(NetworkService), ɵɵinject(TranslateService), ɵɵinject(ToastController), ɵɵinject(ENVIRONMENT, 8)); }, token: UserEventService, providedIn: "root" });
 UserEventService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
+    { type: Injectable }
 ];
 UserEventService.ctorParameters = () => [
     { type: GraphqlService },
@@ -26234,7 +26426,7 @@ UserEventService.ctorParameters = () => [
 
 const ICONS_MAP = {
     DEBUG_DATA: { matIcon: 'bug_report' },
-    INBOX_MESSAGE: { matIcon: 'mail' },
+    INBOX_MESSAGE: { matIcon: 'mail' }
 };
 // TODO: refactor with a registration done by data service:
 // - userEventService.registerEventAction({__typename: 'TripVO', ...})
@@ -26300,7 +26492,7 @@ class UserEventsTable extends AppTable {
             }
         }));
         const filter = this.filter || new UserEventFilter();
-        filter.recipient = this.recipient;
+        filter.recipients = [this.recipient];
         this.setFilter(filter, { emitEvent: true });
     }
     start() {
@@ -26313,17 +26505,17 @@ class UserEventsTable extends AppTable {
         });
     }
     getIcon(source) {
-        return ICONS_MAP[source.eventType];
+        return ICONS_MAP[source.type];
     }
     getDetail(source) {
         if (!source)
             return undefined;
-        if (source.content && source.eventType === UserEventTypes.DEBUG_DATA) {
+        if (source.content && source.type === UserEventTypes.DEBUG_DATA) {
             const context = source.content.context;
             if (context && context.__typename) {
-                const actions = this.service.getActionsByTypename(context.__typename);
+                // const actions = this.service.getActionsByTypename(context.__typename);
                 return {
-                    actions,
+                    // actions,
                     title: source.content.error && source.content.error.message || source.content.message,
                     description: source.content.error && source.content.error.details || undefined
                 };
@@ -26335,11 +26527,11 @@ class UserEventsTable extends AppTable {
     doAction(action, row) {
         return __awaiter(this, void 0, void 0, function* () {
             const event = row.currentData;
-            const context = event.content && event.content.context;
+            // const context = event.content && event.content.context;
             this.markAsLoading();
             if (action && typeof action.executeAction === 'function') {
                 try {
-                    let res = action.executeAction(event, context);
+                    let res = action.executeAction(event /*, context*/);
                     res = (res instanceof Promise) ? yield res : res;
                 }
                 catch (err) {
@@ -26358,13 +26550,18 @@ UserEventsTable.decorators = [
                 selector: 'app-user-events-table',
                 template: "\n<!-- Type = options menu -->\n<mat-menu #optionsMenu=\"matMenu\" xPosition=\"after\">\n\n  <!-- display columns -->\n  <button mat-menu-item\n          (click)=\"openSelectColumnsModal($event)\">\n    <mat-icon>view_column</mat-icon>\n    <ion-label translate>COMMON.DISPLAYED_COLUMNS_DOTS</ion-label>\n  </button>\n\n</mat-menu>\n\n<!-- top header -->\n<mat-toolbar>\n\n  <ng-container *ngIf=\"!selection.hasValue(); else hasSelection\">\n\n    <button mat-icon-button [title]=\"'COMMON.BTN_REFRESH'|translate\" (click)=\"onRefresh.emit()\">\n      <mat-icon>refresh</mat-icon>\n    </button>\n\n  </ng-container>\n\n  <!-- if row selection -->\n  <ng-template #hasSelection>\n\n    <!-- delete -->\n    <button mat-icon-button class=\"hidden-xs hidden-sm\" *ngIf=\"canDelete\"\n            [title]=\"'COMMON.BTN_DELETE'|translate\" (click)=\"deleteSelection($event)\">\n      <mat-icon>delete</mat-icon>\n    </button>\n  </ng-template>\n\n  <!-- error -->\n  <ion-item *ngIf=\"error\" hidden-xs hidden-sm hidden-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error|translate\"></ion-label>\n  </ion-item>\n\n  <div class=\"toolbar-spacer\"></div>\n\n  <button mat-icon-button\n          [title]=\"'COMMON.BTN_OPTIONS'|translate\"\n          [matMenuTriggerFor]=\"optionsMenu\">\n    <mat-icon>more_vert</mat-icon>\n  </button>\n</mat-toolbar>\n\n\n<mat-table [dataSource]=\"dataSource\" matSort\n           [matSortActive]=\"defaultSortBy\"\n           [matSortDirection]=\"defaultSortDirection\"\n           matSortDisableClear [trackBy]=\"trackByFn\">\n\n  <!-- select -->\n  <ng-container matColumnDef=\"select\">\n    <mat-header-cell *matHeaderCellDef [class.cdk-visually-hidden]=\"!canEdit\">\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\"\n                    [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\n      </mat-checkbox>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row\" [class.cdk-visually-hidden]=\"!canEdit\">\n      <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(row) : null\" [checked]=\"selection.isSelected(row)\">\n      </mat-checkbox>\n    </mat-cell>\n  </ng-container>\n\n  <!-- id -->\n  <ng-container matColumnDef=\"id\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header [class.cdk-visually-hidden]=\"!isAdmin\">\n      <app-loading-spinner [loading]=\"loadingSubject|async\"><ion-label>#</ion-label></app-loading-spinner>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row\" [class.cdk-visually-hidden]=\"!isAdmin\">{{ row.currentData.id | mathAbs }}</mat-cell>\n  </ng-container>\n\n  <!-- creationDate -->\n  <ng-container matColumnDef=\"creationDate\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header>\n      <ion-label translate>SOCIAL.USER_EVENT.CREATION_DATE</ion-label>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row\">\n      <ion-text>\n        {{row.currentData.creationDate | dateFromNow }}<br/>\n        <ion-text color=\"medium\"><small>{{row.currentData.creationDate | dateFormat: {time: true} }}</small></ion-text>\n      </ion-text>\n    </mat-cell>\n  </ng-container>\n\n  <!-- icon -->\n  <ng-container matColumnDef=\"icon\">\n    <mat-header-cell *matHeaderCellDef>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row;\">\n      <ng-container *ngIf=\"getIcon(row.currentData); let details\">\n        <ion-icon slot=\"start\" *ngIf=\"details.icon\" [name]=\"details.icon\"></ion-icon>\n        <mat-icon slot=\"start\" *ngIf=\"details.matIcon\">{{details.matIcon}}</mat-icon>\n      </ng-container>\n    </mat-cell>\n  </ng-container>\n\n  <!-- event type -->\n  <ng-container matColumnDef=\"eventType\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header>\n      <ion-label translate>SOCIAL.USER_EVENT.EVENT_TYPE</ion-label>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row;\">\n      <span>{{'SOCIAL.USER_EVENT.TYPE_ENUM.' + row.currentData.eventType | translate}}</span>\n    </mat-cell>\n  </ng-container>\n\n  <!-- message -->\n  <ng-container matColumnDef=\"message\">\n    <mat-header-cell *matHeaderCellDef>\n      <ion-label translate>SOCIAL.USER_EVENT.MESSAGE</ion-label>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row;\">\n      <ng-container *ngIf=\"getDetail(row.currentData); let details\">\n        <ion-text [innerHTML]=\"details.title|translate\">\n        </ion-text>\n      </ng-container>\n    </mat-cell>\n  </ng-container>\n\n  <!-- Actions buttons column -->\n  <ng-container matColumnDef=\"actions\">\n    <mat-header-cell *matHeaderCellDef>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let row\">\n      <ng-container *ngIf=\"getDetail(row.currentData); let details\">\n        <button mat-icon-button color=\"light\"\n                *ngFor=\"let action of details.actions\"\n                [title]=\"action.title |translate\"\n                [color]=\"action.color\"\n                (click)=\"doAction(action, row)\">\n          <ion-icon slot=\"start\" *ngIf=\"action.icon\" [name]=\"action.icon\"></ion-icon>\n          <mat-icon slot=\"start\" *ngIf=\"action.matIcon\">{{action.matIcon}}</mat-icon>\n        </button>\n      </ng-container>\n    </mat-cell>\n  </ng-container>\n\n  <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n  <mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n           class=\"mat-row-disabled\"\n           (click)=\"clickRow($event, row)\"></mat-row>\n\n</mat-table>\n\n<ion-row class=\"ion-no-padding\">\n  <ion-col></ion-col>\n  <ion-col class=\"ion-no-padding\" size=\"auto\">\n    <mat-paginator [length]=\"totalRowCount\" [pageSize]=\"defaultPageSize\" [pageSizeOptions]=\"defaultPageSizeOptions\" showFirstLastButtons>\n    </mat-paginator>\n  </ion-col>\n</ion-row>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: UserEventServiceToken, useClass: UserEventService
+                    }
+                ],
                 styles: [".mat-header-row .mat-column-icon,.mat-row .mat-column-icon{max-width:40px;padding-left:0}.mat-header-row .mat-column-icon ion-icon,.mat-header-row .mat-column-icon mat-icon,.mat-row .mat-column-icon ion-icon,.mat-row .mat-column-icon mat-icon{font-size:1.2em;height:1.2em;width:1.2em}.mat-header-row .mat-column-creationDate,.mat-row .mat-column-creationDate{min-width:100px;max-width:120px}"]
             },] }
 ];
 UserEventsTable.ctorParameters = () => [
     { type: Injector },
     { type: AccountService },
-    { type: UserEventService },
+    { type: undefined, decorators: [{ type: Inject, args: [UserEventServiceToken,] }] },
     { type: EntitiesStorage },
     { type: ChangeDetectorRef },
     { type: undefined, decorators: [{ type: Inject, args: [ENVIRONMENT,] }] }
@@ -26376,6 +26573,144 @@ UserEventsTable.propDecorators = {
     defaultSortDirection: [{ type: Input }]
 };
 
+class UserEventNotificationList {
+    constructor(popoverController) {
+        this.popoverController = popoverController;
+    }
+    ngOnInit() {
+    }
+    read($event, userEvent) {
+        var _a;
+        if (userEvent === null || userEvent === void 0 ? void 0 : userEvent.readDate)
+            return;
+        (_a = this.readEvent) === null || _a === void 0 ? void 0 : _a.emit(userEvent);
+    }
+    executeAction(action, userEvent) {
+        // Execute then close popover
+        action.executeAction(userEvent);
+        this.dismiss();
+    }
+    dismiss() {
+        this.popoverController.dismiss();
+    }
+}
+UserEventNotificationList.decorators = [
+    { type: Component, args: [{
+                selector: 'app-user-event-notification-list',
+                template: "\n<ion-list class=\"ion-list-popover\">\n\n  <ion-row class=\"ion-list-header column\">\n    <ion-col>\n      <ion-label>{{titleI18n | translate}}</ion-label>\n    </ion-col>\n  </ion-row>\n\n  <ion-item *ngIf=\"!(userEvents | async)?.length\">\n    {{'COMMON.NO_RESULT' | translate}}\n  </ion-item>\n  <ion-item\n    *ngFor=\"let userEvent of userEvents | async\"\n    (click)=\"read($event, userEvent)\"\n  >\n\n    <ion-avatar slot=\"start\">\n\n      <img *ngIf=\"userEvent.avatar; else avatarIcon\" src=\"{{ userEvent.avatar }}\">\n\n      <ng-template #avatarIcon>\n        <app-icon\n          *ngIf=\"userEvent.avatarIcon\"\n          [ref]=\"userEvent.avatarIcon\"\n          height=\"40\"\n          width=\"40\"\n        ></app-icon>\n      </ng-template>\n\n    </ion-avatar>\n\n    <ion-grid class=\"ion-no-margin ion-no-padding\">\n      <ion-row>\n        <ion-col>\n          <p [class.unread]=\"!userEvent.readDate\">\n            {{userEvent.message}}\n          </p>\n        </ion-col>\n      </ion-row>\n      <ion-row *ngIf=\"userEvent.actions?.length\">\n        <ion-col>\n          <p>\n            <span *ngFor=\"let action of userEvent.actions\">\n              <a\n                [style.margin-right.px]=\"8\"\n                [style.cursor]=\"'pointer'\"\n                (click)=\"executeAction(action, userEvent)\"\n              >\n                {{ '&#10142;&nbsp;' + action.name}}\n              </a>\n            </span>\n          </p>\n        </ion-col>\n      </ion-row>\n      <ion-row>\n        <ion-col>\n          <app-icon\n            *ngIf=\"userEvent.icon\"\n            [ref]=\"userEvent.icon\"\n            height=\"16\"\n            width=\"16\"\n            [style.vertical-align]=\"'sub'\"\n          ></app-icon>\n          <small>\n            <span>{{userEvent.creationDate|dateFromNow}}</span>\n            <span [style.color]=\"'gray'\">{{ ' | ' + (userEvent.creationDate|dateFormat:{time:true}) }}</span>\n          </small>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  </ion-item>\n\n</ion-list>\n",
+                styles: [":host(.popover-viewport){overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.unread{font-weight:700}"]
+            },] }
+];
+UserEventNotificationList.ctorParameters = () => [
+    { type: PopoverController }
+];
+UserEventNotificationList.propDecorators = {
+    titleI18n: [{ type: Input }],
+    userEvents: [{ type: Input }],
+    readEvent: [{ type: Output }]
+};
+
+class UserEventNotificationComponent {
+    constructor(userEventService, accountService, popoverController, cd) {
+        this.userEventService = userEventService;
+        this.accountService = accountService;
+        this.popoverController = popoverController;
+        this.cd = cd;
+        this.debug = false;
+        this.titleI18n = 'SOCIAL.USER_EVENT.TITLE';
+        this.disabled = false;
+        this.userEventsSubject = new BehaviorSubject(undefined);
+        this._subscriptions = new Subscription();
+        this._logPrefix = '[user-event-notification] ';
+        this._readEvent = new EventEmitter();
+    }
+    get count() {
+        return this.userEventService.userEventCount.pipe(map(value => value === 0 ? undefined : value));
+    }
+    ngOnInit() {
+        var _a;
+        this._subscriptions.add(this.userEventService.watchAll(0, 10, 'creationDate', "desc", {
+            recipients: [(_a = this.accountService.person) === null || _a === void 0 ? void 0 : _a.pubkey]
+        }).subscribe(value => {
+            const data = value.data;
+            if (this.debug) {
+                console.debug(`${this._logPrefix}Receiving user events`, data);
+            }
+            this.userEventsSubject.next(data);
+        }));
+        this._readEvent.subscribe(value => {
+            this.userEventService.markAsRead(value);
+        });
+    }
+    showList(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const popover = yield this.popoverController.create({
+                component: UserEventNotificationList,
+                componentProps: {
+                    titleI18n: this.titleI18n,
+                    userEvents: this.userEventsSubject,
+                    readEvent: this._readEvent
+                },
+                backdropDismiss: true,
+                keyboardClose: true,
+                event,
+                translucent: true,
+                cssClass: 'popover-large'
+            });
+            yield popover.present();
+        });
+    }
+    markForCheck() {
+        this.cd.markForCheck();
+    }
+    ngOnDestroy() {
+        if (this.debug) {
+            console.debug(`${this._logPrefix}Destroying`);
+        }
+        this._subscriptions.unsubscribe();
+    }
+}
+UserEventNotificationComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-user-event-notification-component',
+                template: "<button\n  #button\n  mat-icon-button\n  [title]=\"titleI18n | translate\"\n  [disabled]=\"disabled\"\n  (click)=\"showList($event)\"\n>\n  <mat-icon\n    [matBadge]=\"count | async\"\n    matBadgeColor=\"accent\"\n    matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n  >notifications\n  </mat-icon>\n</button>\n\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+UserEventNotificationComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [UserEventServiceToken,] }] },
+    { type: AccountService },
+    { type: PopoverController },
+    { type: ChangeDetectorRef }
+];
+UserEventNotificationComponent.propDecorators = {
+    debug: [{ type: Input }],
+    titleI18n: [{ type: Input }],
+    disabled: [{ type: Input }]
+};
+
+class UserEventModule {
+}
+UserEventModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    SharedModule
+                ],
+                declarations: [
+                    UserEventsTable,
+                    UserEventNotificationComponent,
+                    UserEventNotificationList,
+                ],
+                exports: [
+                    UserEventsTable,
+                    UserEventNotificationComponent
+                ]
+            },] }
+];
+
 const MessageTypes = {
     INBOX_MESSAGE: 'INBOX_MESSAGE',
     EMAIL: 'EMAIL',
@@ -26587,9 +26922,9 @@ MessageForm.propDecorators = {
     canSelectType: [{ type: Input }]
 };
 
-class SocialModule {
+class MessageModule {
 }
-SocialModule.decorators = [
+MessageModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
@@ -26597,17 +26932,296 @@ SocialModule.decorators = [
                     SharedModule
                 ],
                 declarations: [
-                    UserEventsTable,
                     MessageModal,
                     MessageForm
                 ],
                 exports: [
-                    UserEventsTable,
                     MessageModal
                 ]
             },] }
 ];
 
+var JobProgression_1;
+// todo use entity
+class Job {
+}
+// @dynamic
+let JobProgression = JobProgression_1 = class JobProgression extends Entity {
+    constructor() {
+        super(JobProgression_1.TYPENAME);
+    }
+    fromObject(source) {
+        super.fromObject(source);
+        this.message = source.message;
+        this.current = source.current;
+        this.total = source.total;
+    }
+};
+JobProgression = JobProgression_1 = __decorate([
+    EntityClass({ typename: 'JobProgressionVO' })
+], JobProgression);
+
+const JobProgressionServiceToken = new InjectionToken('JobProgressionService');
+const jobProgressionSubscription = gql `subscription UpdateJobProgression($id: Int!, $interval: Int){
+  data: updateJobProgression(id: $id, interval: $interval) {
+    id
+    message
+    current
+    total
+    updateDate
+  }
+}`;
+class JobProgressionService extends BaseGraphqlService {
+    constructor(graphql, environment) {
+        super(graphql, environment);
+        this.graphql = graphql;
+        this.environment = environment;
+        this._logPrefix = '[job-progression-service] ';
+        // For DEV only
+        this._debug = !(environment === null || environment === void 0 ? void 0 : environment.production);
+    }
+    listenChanges(id, options) {
+        if (isNil(id))
+            throw new Error(`${this._logPrefix}Missing argument 'id'`);
+        if (this._debug)
+            console.debug(`${this._logPrefix}[WS] Listening changes for job progression {${id}}...`);
+        return this.graphql.subscribe({
+            query: jobProgressionSubscription,
+            fetchPolicy: options === null || options === void 0 ? void 0 : options.fetchPolicy,
+            variables: { id, interval: toNumber(options === null || options === void 0 ? void 0 : options.interval, 10) },
+            error: { code: SocialErrorCodes.SUBSCRIBE_JOB_PROGRESSION_ERROR, message: 'SOCIAL.ERROR.SUBSCRIBE_JOB_PROGRESSION_ERROR' }
+        }).pipe(map(({ data }) => {
+            const progression = data && JobProgression.fromObject(data);
+            if (progression && this._debug)
+                console.debug(`${this._logPrefix}Job progression ${id} updated on server`, progression);
+            return progression;
+        }));
+    }
+}
+JobProgressionService.decorators = [
+    { type: Injectable }
+];
+JobProgressionService.ctorParameters = () => [
+    { type: GraphqlService },
+    { type: Environment, decorators: [{ type: Optional }, { type: Inject, args: [ENVIRONMENT,] }] }
+];
+
+class JobProgressionList {
+    constructor() {
+    }
+    ngOnInit() {
+    }
+}
+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    {{'COMMON.NO_RESULT' | translate}}\n  </ion-item>\n  <ion-item *ngFor=\"let jobProgression of jobProgressions\">\n    <ion-grid class=\"ion-no-margin\">\n      <ion-row>\n        <ion-col>\n          {{jobProgression.message}}\n        </ion-col>\n      </ion-row>\n      <ion-row>\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;user-select:none}"]
+            },] }
+];
+JobProgressionList.ctorParameters = () => [];
+JobProgressionList.propDecorators = {
+    titleI18n: [{ type: Input }],
+    jobProgressions: [{ type: Input }]
+};
+
+class JobProgressionComponent {
+    constructor(jobProgressionService, popoverController, cd) {
+        this.jobProgressionService = jobProgressionService;
+        this.popoverController = popoverController;
+        this.cd = cd;
+        this.debug = false;
+        this.titleI18n = 'SOCIAL.JOB_PROGRESSION.TITLE';
+        this.autoRemove = true;
+        this.autoHide = false;
+        this.autoHideDelay = 1000; // millisecond
+        this.jobFinished = new EventEmitter();
+        this.disabled = true;
+        this.color = 'accent';
+        this.mode = 'determinate';
+        this.value = 0;
+        this.jobProgressions = [];
+        this._subscriptions = new Subscription();
+        this._subscriptionsById = {};
+        this._logPrefix = '[job-progression] ';
+    }
+    ngOnInit() {
+    }
+    addJob(id) {
+        if (this.debug) {
+            console.debug(`${this._logPrefix}Add job id=${id}`);
+        }
+        if (!!this.getProgression(id)) {
+            console.warn(`${this._logPrefix}Job (id=${id}) already present`);
+            return;
+        }
+        this.disabled = false;
+        const sub = this.jobProgressionService.listenChanges(id)
+            .pipe(filter(progression => {
+            if (id !== progression.id) {
+                console.error(`${this._logPrefix}Job progression (id=${progression.id}) doesn't match expected job (id=${id})`);
+                return false;
+            }
+            return true;
+        }), map(progression => {
+            // Get current progression object
+            const currentProgression = this.getProgression(id);
+            if (!currentProgression) {
+                // add it
+                this.jobProgressions.push(progression);
+                if (this.debug) {
+                    console.debug(`${this._logPrefix}Progression added id=${id}`, progression);
+                }
+            }
+            else {
+                // update current
+                Object.assign(currentProgression, progression);
+                if (this.debug) {
+                    console.debug(`${this._logPrefix}Progression updated id=${id}`, progression);
+                }
+            }
+            return progression;
+        }))
+            .subscribe(progression => {
+            // update value
+            this.updateValue();
+            // job finished
+            if (progression.total > 0 && progression.current == progression.total) {
+                if (this.debug) {
+                    console.debug(`${this._logPrefix}Finished job id=${progression.id}`);
+                }
+                // emit event
+                this.jobFinished.emit(progression.id);
+                if (this.autoRemove) {
+                    setTimeout(() => this.removeJob(progression.id), 1000);
+                }
+            }
+        });
+        this._subscriptionsById[id] = sub;
+        this._subscriptions.add(sub);
+    }
+    removeJob(id) {
+        if (this.debug) {
+            console.debug(`${this._logPrefix}Remove job id=${id}`);
+        }
+        const sub = this._subscriptionsById[id];
+        if (sub) {
+            this._subscriptions.remove(sub);
+            sub.unsubscribe();
+        }
+        const progression = this.getProgression(id);
+        if (progression) {
+            this.jobProgressions.splice(this.jobProgressions.indexOf(progression), 1);
+        }
+        this.updateValue();
+    }
+    getProgression(id) {
+        return this.jobProgressions.find(progression => progression.id === id);
+    }
+    updateValue() {
+        if (this.debug) {
+            console.debug(`${this._logPrefix}Updating value`);
+        }
+        let value = 0;
+        const nbProgression = arraySize(this.jobProgressions);
+        let allIndeterminate = nbProgression > 0;
+        this.jobProgressions.forEach(progression => {
+            const indeterminate = progression.total === 0;
+            allIndeterminate = allIndeterminate && indeterminate;
+            if (!indeterminate) {
+                value = value + progression.current * 100 / progression.total;
+            }
+        });
+        this.value = nbProgression > 0 ? value / nbProgression : 0;
+        this.mode = allIndeterminate ? 'indeterminate' : 'determinate';
+        if (this.debug) {
+            console.debug(`${this._logPrefix}Setting value=${this.value}, mode=${this.mode}`);
+        }
+        this.markForCheck();
+    }
+    showList(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const popover = yield this.popoverController.create({
+                component: JobProgressionList,
+                componentProps: {
+                    titleI18n: this.titleI18n,
+                    jobProgressions: this.jobProgressions
+                },
+                backdropDismiss: true,
+                keyboardClose: true,
+                event,
+                translucent: true,
+                cssClass: 'popover-large'
+            });
+            yield popover.present();
+        });
+    }
+    markForCheck() {
+        this.cd.markForCheck();
+    }
+    ngOnDestroy() {
+        if (this.debug) {
+            console.debug(`${this._logPrefix}Destroying`);
+        }
+        this._subscriptions.unsubscribe();
+    }
+}
+JobProgressionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-job-progression',
+                template: "<button\n  #button\n  mat-icon-button\n  [title]=\"titleI18n | translate\"\n  [disabled]=\"disabled\"\n  *ngIf=\"!autoHide || jobProgressions?.length\"\n  (click)=\"showList($event)\"\n>\n  <mat-icon\n    [matBadge]=\"jobProgressions?.length\"\n    [matBadgeHidden]=\"!jobProgressions?.length\"\n    matBadgeColor=\"accent\"\n    matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n  >{{ disabled || jobProgressions?.length ? 'schedule' : 'task_alt' }}\n  </mat-icon>\n  <mat-spinner\n    #spinner\n    *ngIf=\"jobProgressions?.length\"\n    class=\"floating-spinner\"\n    [color]=\"color\"\n    [mode]=\"mode\"\n    [value]=\"value\"\n    diameter=\"30\"\n    strokeWidth=\"3\"\n  ></mat-spinner>\n</button>\n\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".floating-spinner{position:absolute;top:6px;left:5px}"]
+            },] }
+];
+JobProgressionComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [JobProgressionServiceToken,] }] },
+    { type: PopoverController },
+    { type: ChangeDetectorRef }
+];
+JobProgressionComponent.propDecorators = {
+    debug: [{ type: Input }],
+    titleI18n: [{ type: Input }],
+    autoRemove: [{ type: Input }],
+    autoHide: [{ type: Input }],
+    autoHideDelay: [{ type: Input }],
+    jobFinished: [{ type: Output }]
+};
+
+class JobModule {
+}
+JobModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    SharedModule,
+                    TranslateModule.forChild(),
+                ],
+                declarations: [
+                    JobProgressionComponent,
+                    JobProgressionList
+                ],
+                exports: [
+                    JobProgressionComponent
+                ]
+            },] }
+];
+
+class SocialModule {
+}
+SocialModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    SharedModule,
+                    UserEventModule,
+                    JobModule,
+                    MessageModule,
+                ],
+            },] }
+];
+
 const Mutations = {
     send: gql `mutation SendMessage($data: MessageVOInput){
     done: sendMessage(message: $data)
@@ -27420,13 +28034,13 @@ LatLongTestPage.ctorParameters = () => [
     { type: FormBuilder }
 ];
 
-const moment$6 = momentImported;
+const moment$7 = momentImported;
 class SwipeTestPage {
     constructor(formBuilder, dateFormatPipe) {
         this.formBuilder = formBuilder;
         this.dateFormatPipe = dateFormatPipe;
         this.$dates = new BehaviorSubject(undefined);
-        this._today = moment$6().startOf('day');
+        this._today = moment$7().startOf('day');
         this.form = formBuilder.group({
             empty: [null, Validators.required],
             date: [null, Validators.compose([Validators.required, SharedValidators.validDate])],
@@ -27439,7 +28053,7 @@ class SwipeTestPage {
     ngOnInit() {
         const dates = [];
         for (let d = 0; d < 7; d++) {
-            dates[d] = moment$6(this._today).add(d - 3, 'day');
+            dates[d] = moment$7(this._today).add(d - 3, 'day');
         }
         this.$dates.next(dates);
         this.loadData();
@@ -27480,7 +28094,7 @@ SwipeTestPage.ctorParameters = () => [
     { type: DateFormatPipe }
 ];
 
-const moment$7 = momentImported;
+const moment$8 = momentImported;
 class DateTimeTestPage {
     constructor(platform, formBuilder, cd) {
         this.platform = platform;
@@ -27512,7 +28126,7 @@ class DateTimeTestPage {
     // Load the form with data
     loadData() {
         return __awaiter(this, void 0, void 0, function* () {
-            const now = moment$7();
+            const now = moment$8();
             const data = {
                 empty: null,
                 emptyRequired: null,
@@ -27758,7 +28372,7 @@ NumpadTestPage.ctorParameters = () => [
     { type: FormBuilder }
 ];
 
-const moment$8 = momentImported;
+const moment$9 = momentImported;
 class DateTestPage {
     constructor(formBuilder, cd) {
         this.formBuilder = formBuilder;
@@ -27791,7 +28405,7 @@ class DateTestPage {
     // Load the form with data
     loadData() {
         return __awaiter(this, void 0, void 0, function* () {
-            const now = moment$8();
+            const now = moment$9();
             const nowAtMahe = now.clone().tz(this.timezone).startOf('day');
             const data = {
                 empty: null,
@@ -28537,5 +29151,5 @@ CoreTestingModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_CONFIG_OPTIONS, APP_FORM_ERROR_I18N_KEYS, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_MENU_ITEMS, APP_TESTING_PAGES, AboutModal, Account, AccountPage, AccountService, AccountToStringPipe, ActionsColumnComponent, AdminModule, AdminRoutingModule, Alerts, AndroidOsEnvironment, AnimationState, AppEditor, AppEditorOptions, AppEntityEditor, AppEntityEditorModal, AppEntityEditorModalOptions, AppForm, AppFormField, AppFormProvider, AppFormUtils, AppGestureConfig, AppGraphQLModule, AppHelpModal, AppInMemoryTable, AppInstallUpgradeCard, AppListForm, AppLoadingSpinner, AppMenuModule, AppNullForm, AppPropertiesForm, AppTabEditor, AppTabEditorOptions, AppTable, AppTableDataSourceOptions, AppTableUtils, AppValidatorService, AppendToInputDirective, ArrayFilterPipe, ArrayFirstPipe, ArrayIncludesPipe, ArrayLengthPipe, ArrayPluckPipe, AudioProvider, AuthForm, AuthGuardService, AuthModal, AutoTitleDirective, AutocompleteTestPage, AutofocusDirective, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, CORE_CONFIG_OPTIONS, CORE_TESTING_PAGES, CellValueChangeListener, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigService, Configuration, CoreModule, CoreTestingModule, CryptoService, CsvUtils, DATE_ISO_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_MENU_SHOW_WHEN, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFromNowPipe, DateTimeTestPage, DateUtils, Department, DepartmentToStringPipe, DragAndDropDirective, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, ErrorCodes, EvenPipe, FileResponse, FileService, FileSizePipe, FilesUtils, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormErrorTranslatePipe, FormErrorTranslator, FormFieldValuesHolder, FormGetArrayPipe, FormGetControlPipe, FormGetGroupPipe, FormGetPipe, FormGetValuePipe, Fragments$1 as Fragments, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, InMemoryEntitiesService, IsLoginAccountPipe, IsNilOrBlankPipe, IsNotNilOrBlankPipe, IsNotOnFieldModePipe, IsOnFieldModePipe, 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, MenuService, Message, MessageFilter, MessageForm, MessageModal, MessageService, MessageTypeList, MessageTypes, MimeTypes, ModalToolbarComponent, NetworkService, NgInitDirective, NgVarDirective, NotEmptyArrayPipe, NumberFormatPipe, NumpadDirective, OddPipe, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, ProgressBarService, ProgressInterceptor, PropertyFormatPipe, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialFilter, ReferentialRef, ReferentialUtils, ReferentialValidatorService, RegisterConfirmPage, ResizableComponent, ResizableDirective, ResizableModule, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SHARED_MATERIAL_TESTING_PAGES, SHARED_TESTING_PAGES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, ServerErrorCodes, SettingsPage, SharedAsyncValidators, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBadgeIconModule, SharedMatBooleanModule, SharedMatChipsModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatNumpadModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedTestsPage, SharedValidators, SocialErrorCodes, SocialModule, Software, StartableService, StatusById, StatusIds, StatusList, StrIncludesPipe, StrLengthPipe, SwipeTestPage, TableSelectColumnsComponent, TableTestPage, TableTestingModule, TextForm, TextPopover, TextPopoverTestingModule, TextPopoverTestingPage, ToStringPipe, Toasts, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, UploadFile, UploadFileComponent, UploadFilePopover, UploadFileTestingModule, UploadFileTestingPage, UriUtils, UserEvent, UserEventFilter, UserEventFragments, UserEventService, UserEventTypes, UserEventsTable, UserSettings, UsersPage, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayGroupBy, arraySize, asInputElement, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, copyEntity2Form, createPromiseEvent, createPromiseEventEmitter, departmentToString, departmentsToString, disableControls, emitPromiseEvent, entityToString, equals, equalsOrNil, escapeRegExp, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalse, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTrue, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorShade, getColorTint, getConnectionType, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, hexToRgb, hexToRgbArray, isAndroid, isBlankString, isControlHasInput, isCordova, isEmptyArray, isIOS, isInputElement, isInstanceOf, isInt, isMobile, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilBoolean, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, isProgressEvent, isResponseEvent, isTouchUi, isWindows, joinProperties, joinPropertiesPath, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchMedia, matchUpperCase, mergeLoadResult, mixHex, moment$5 as moment, moveInputCaretToSeparator, noTrailingSlash, notNilOrDefault, nullIfUndefined, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, referentialToString, referentialsToString, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputRange, setCalculatedValue, setTabIndex, sleep, slideInOutAnimation, slideUpDownAnimation, sort, splitById, splitByProperty, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, testUserAgent, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, tz, uncapitalizeFirstLetter, updateValueAndValidity, waitFor, 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, AppIconComponent as ɵj, DateTestPage as ɵk, NumpadTestPage as ɵl, MatBadgeIconTestPage as ɵm, ToastTestingModule as ɵn, ToastTestingPage as ɵo };
+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_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, AppInMemoryTable, AppInstallUpgradeCard, AppListForm, AppLoadingSpinner, AppMenuModule, AppNullForm, AppPropertiesForm, AppTabEditor, AppTabEditorOptions, AppTable, AppTableDataSourceOptions, AppTableUtils, AppValidatorService, AppendToInputDirective, ArrayFilterPipe, ArrayFirstPipe, ArrayIncludesPipe, ArrayLengthPipe, ArrayPluckPipe, AudioProvider, AuthForm, AuthGuardService, AuthModal, AutoTitleDirective, AutocompleteTestPage, AutofocusDirective, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, CORE_CONFIG_OPTIONS, CORE_TESTING_PAGES, CellValueChangeListener, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigService, Configuration, CoreModule, CoreTestingModule, CryptoService, CsvUtils, DATE_ISO_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_MENU_SHOW_WHEN, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFromNowPipe, DateTimeTestPage, DateUtils, Department, DepartmentToStringPipe, DragAndDropDirective, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, ErrorCodes, EvenPipe, FileResponse, FileService, FileSizePipe, FilesUtils, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormErrorTranslatePipe, FormErrorTranslator, FormFieldValuesHolder, FormGetArrayPipe, FormGetControlPipe, FormGetGroupPipe, FormGetPipe, FormGetValuePipe, Fragments$1 as Fragments, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, InMemoryEntitiesService, IsLoginAccountPipe, IsNilOrBlankPipe, IsNotNilOrBlankPipe, IsNotOnFieldModePipe, IsOnFieldModePipe, Job, JobProgression, JobProgressionComponent, JobProgressionService, JobProgressionServiceToken, JobUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_DEFAULT_MAX_DECIMALS, LAT_LONG_PATTERNS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, LocalSettingsService, LongitudeFormatPipe, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MapGetPipe, MapKeysPipe, MapValuesPipe, MatAutocompleteConfigHolder, MatAutocompleteField, MatBadgeIconDirective, MatBooleanField, MatChipsField, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatNumpadComponent, MatNumpadContainerComponent, MatNumpadContent, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialTestingModule, MathAbsPipe, MenuComponent, MenuItems, MenuService, Message, MessageFilter, MessageForm, MessageModal, MessageService, MessageTypeList, MessageTypes, MimeTypes, ModalToolbarComponent, NetworkService, NgInitDirective, NgVarDirective, NotEmptyArrayPipe, NumberFormatPipe, NumpadDirective, OddPipe, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, ProgressBarService, ProgressInterceptor, PropertyFormatPipe, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialFilter, ReferentialRef, ReferentialUtils, ReferentialValidatorService, RegisterConfirmPage, ResizableComponent, ResizableDirective, ResizableModule, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SHARED_MATERIAL_TESTING_PAGES, SHARED_TESTING_PAGES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, ServerErrorCodes, SettingsPage, SharedAsyncValidators, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBadgeIconModule, SharedMatBooleanModule, SharedMatChipsModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatNumpadModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedTestsPage, SharedValidators, SocialErrorCodes, SocialModule, Software, StartableService, StatusById, StatusIds, StatusList, StrIncludesPipe, StrLengthPipe, SwipeTestPage, TableSelectColumnsComponent, TableTestPage, TableTestingModule, TextForm, TextPopover, TextPopoverTestingModule, TextPopoverTestingPage, ToStringPipe, Toasts, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, UploadFile, UploadFileComponent, UploadFilePopover, UploadFileTestingModule, UploadFileTestingPage, UriUtils, UserEvent, UserEventFilter, UserEventFragments, UserEventNotificationComponent, UserEventService, UserEventServiceToken, UserEventTypes, UserEventsTable, UserSettings, UsersPage, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayGroupBy, arraySize, asInputElement, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, copyEntity2Form, createPromiseEvent, createPromiseEventEmitter, departmentToString, departmentsToString, disableControls, emitPromiseEvent, entityToString, equals, equalsOrNil, escapeRegExp, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalse, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTrue, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorShade, getColorTint, getConnectionType, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, hexToRgb, hexToRgbArray, isAndroid, isBlankString, isControlHasInput, isCordova, isEmptyArray, isIOS, isInputElement, isInstanceOf, isInt, isMobile, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilBoolean, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, isProgressEvent, isResponseEvent, isTouchUi, isWindows, joinProperties, joinPropertiesPath, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchMedia, matchUpperCase, mergeLoadResult, mixHex, moment$5 as moment, moveInputCaretToSeparator, noTrailingSlash, notNilOrDefault, nullIfUndefined, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, referentialToString, referentialsToString, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputRange, setCalculatedValue, setTabIndex, sleep, slideInOutAnimation, slideUpDownAnimation, sort, splitById, splitByProperty, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, testUserAgent, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, tz, uncapitalizeFirstLetter, updateValueAndValidity, waitFor, 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, AppIconComponent as ɵj, UserEventModule as ɵk, UserEventNotificationList as ɵl, JobModule as ɵm, JobProgressionList as ɵn, MessageModule as ɵo, DateTestPage as ɵp, NumpadTestPage as ɵq, MatBadgeIconTestPage as ɵr, ToastTestingModule as ɵs, ToastTestingPage as ɵt };
 //# sourceMappingURL=sumaris-net.ngx-components.js.map