@sumaris-net/ngx-components 18.12.13 → 18.13.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.12.13",
+  "version": "18.13.0",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/public_api.d.ts

@@ -263,12 +263,14 @@ export * from './src/app/core/offline/update-offline-mode-card.component';
 export * from './src/app/core/offline/update-offline-mode-card.module';
 export { EntityClass, EntityClasses } from './src/app/core/services/model/entity.decorators';
 export * from './src/app/social/social.module';
+export * from './src/app/social/config/social.config';
 export * from './src/app/social/social.errors';
 export * from './src/app/social/user-event/user-event.module';
 export * from './src/app/social/user-event/user-event.model';
 export * from './src/app/social/user-event/user-event.service';
 export * from './src/app/social/user-event/notification/user-event-notification.icon';
 export * from './src/app/social/user-event/notification/user-event-notification.list';
+export * from './src/app/social/user-event/notification/user-event-notification.modal';
 export * from './src/app/social/job/job.module';
 export * from './src/app/social/job/progression/job-progression.service';
 export * from './src/app/social/job/progression/job-progression.model';

package/src/app/core/home/home.d.ts

@@ -25,6 +25,11 @@ import * as i0 from "@angular/core";
 export declare const getRandomImage: typeof ImagesUtils.getRandomImage;
 export declare const getRandomImageWithCredit: typeof ImagesUtils.getRandomImageWithCredit;
 export declare const APP_HOME_BUTTONS: InjectionToken<IMenuItem[]>;
+export declare const APP_HOME_CONFIG: InjectionToken<IHomePageConfig>;
+export interface IHomePageConfig {
+    showNotificationIcon?: boolean | 'mobile' | 'desktop';
+    autoHideNotificationIcon?: boolean | 'mobile' | 'desktop';
+}
 export interface HomePageState {
     loading: boolean;
     showSpinner: boolean;
@@ -45,30 +50,33 @@ export declare class HomePage extends RxState<HomePageState> implements OnDestro
     network: NetworkService;
     settings: LocalSettingsService;
     protected environment: Environment;
-    locales: LocaleConfig[];
-    buttons: IMenuItem[];
+    protected locales: LocaleConfig[];
+    protected buttons: IMenuItem[];
+    protected config: IHomePageConfig;
     private readonly _debug;
     private _subscription;
     private _config;
+    protected readonly mobile: boolean;
+    protected readonly showAccountButton: boolean;
+    protected accountName: string;
+    protected isLogin: boolean;
+    protected logo: string;
+    protected description: string;
+    protected appName: string;
+    protected isWeb: boolean;
+    protected canRegister: boolean;
+    protected contentStyle: any;
+    protected contentCredits: string;
+    protected legalInformation: IMenuItem[];
+    protected waitingNetwork: boolean;
+    protected offline: boolean;
+    protected showNotificationIcon: boolean;
+    protected autoHideNotificationIcon: boolean;
+    protected $partners: BehaviorSubject<Department[]>;
+    protected $filteredButtons: BehaviorSubject<IMenuItem[]>;
     protected darkMode$: import("rxjs").Observable<boolean>;
     protected pageHistory$: import("rxjs").Observable<HistoryPageReference[]>;
     protected loading$: import("rxjs").Observable<boolean>;
-    protected readonly mobile: boolean;
-    waitingNetwork: boolean;
-    accountName: string;
-    isLogin: boolean;
-    $partners: BehaviorSubject<Department[]>;
-    logo: string;
-    description: string;
-    appName: string;
-    isWeb: boolean;
-    canRegister: boolean;
-    contentStyle: any;
-    contentCredits: string;
-    legalInformation: IMenuItem[];
-    offline: boolean;
-    $filteredButtons: BehaviorSubject<IMenuItem[]>;
-    readonly showAccountButton: boolean;
     set pageHistory(value: HistoryPageReference[]);
     get pageHistory(): HistoryPageReference[];
     set loading(value: boolean);
@@ -85,7 +93,7 @@ export declare class HomePage extends RxState<HomePageState> implements OnDestro
     get darkMode(): boolean;
     get currentLocaleCode(): string;
     get partnerBannerSize(): number;
-    constructor(accountService: AccountService, modalCtrl: ModalController, translate: TranslateService, toastController: ToastController, configService: ConfigService, platform: PlatformService, cd: ChangeDetectorRef, network: NetworkService, settings: LocalSettingsService, environment: Environment, locales: LocaleConfig[], buttons: IMenuItem[]);
+    constructor(accountService: AccountService, modalCtrl: ModalController, translate: TranslateService, toastController: ToastController, configService: ConfigService, platform: PlatformService, cd: ChangeDetectorRef, network: NetworkService, settings: LocalSettingsService, environment: Environment, locales: LocaleConfig[], buttons: IMenuItem[], config: IHomePageConfig);
     ngOnDestroy(): void;
     login(): Promise<void>;
     register(): Promise<void>;
@@ -104,6 +112,6 @@ export declare class HomePage extends RxState<HomePageState> implements OnDestro
     protected toggleDarkMode(): Promise<void>;
     protected removePageHistory(path: string): Promise<void>;
     protected markForCheck(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HomePage, [null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HomePage, [null, null, null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HomePage, "app-page-home", never, {}, {}, never, never, false, never>;
 }

package/src/app/core/home/home.module.d.ts

@@ -7,8 +7,9 @@ import * as i5 from "../../shared/rx-state/rx-state.module";
 import * as i6 from "../auth/auth.module";
 import * as i7 from "../install/install-upgrade-card.module";
 import * as i8 from "../../shared/markdown/markdown.module";
+import * as i9 from "../../social/user-event/user-event.module";
 export declare class AppHomePageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AppHomePageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppHomePageModule, [typeof i1.HomePage], [typeof i2.SharedModule, typeof i3.RouterModule, typeof i4.TranslateModule, typeof i5.RxStateModule, typeof i6.AppAuthModule, typeof i7.AppInstallUpgradeCardModule, typeof i8.SharedMarkdownModule], [typeof i3.RouterModule, typeof i4.TranslateModule, typeof i1.HomePage]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppHomePageModule, [typeof i1.HomePage], [typeof i2.SharedModule, typeof i3.RouterModule, typeof i4.TranslateModule, typeof i5.RxStateModule, typeof i6.AppAuthModule, typeof i7.AppInstallUpgradeCardModule, typeof i8.SharedMarkdownModule, typeof i9.UserEventModule], [typeof i3.RouterModule, typeof i4.TranslateModule, typeof i1.HomePage]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppHomePageModule>;
 }

package/src/app/shared/inputs.d.ts

@@ -17,7 +17,7 @@ export interface InputElement extends FocusableElement {
 }
 export declare function isInputElement(object: any): object is InputElement;
 export declare function asInputElement<T = any>(object: ElementRef<T>): InputElement | undefined;
-export declare function tabindexComparator(a: InputElement, b: InputElement): 1 | 0 | -1;
+export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
 export interface CanGainFocusOptions {
     minTabindex?: number;
     maxTabindex?: number;

package/src/app/shared/observables.d.ts

@@ -11,7 +11,7 @@ export declare interface WaitForOptions extends FirstOptions {
 }
 export declare function filterNotNil<T = any>(obs: Observable<T>): Observable<T>;
 export declare function filterTrue(obs: Observable<boolean>): Observable<boolean>;
-export declare function filterFalse(obs: Observable<boolean>, opts?: FirstOptions): Observable<boolean>;
+export declare function filterFalse(obs: Observable<boolean>): Observable<boolean>;
 export declare function firstNotNil<T = any>(obs: Observable<T>, opts?: FirstOptions): Observable<T>;
 export declare function firstTrue<T = void>(obs: Observable<boolean>, opts?: FirstOptions, result?: T): Observable<T>;
 export declare function firstFalse<T = void>(obs: Observable<boolean>, opts?: FirstOptions, result?: T): Observable<T>;

package/src/app/social/config/social.config.d.ts

@@ -0,0 +1,4 @@
+import { FormFieldDefinition } from '../../shared/form/field.model';
+export declare const SOCIAL_CONFIG_OPTIONS: Readonly<{
+    ENABLE_NOTIFICATION_ICONS: FormFieldDefinition<string, import("../../shared/form/field.model").FormFieldType, any>;
+}>;

package/src/app/social/job/progression/job-progression.icon.d.ts

@@ -25,26 +25,26 @@ export declare class JobProgressionIcon extends RxState<JobProgressionIconState>
     protected jobProgressionService: IJobProgressionService;
     protected popoverController: PopoverController;
     protected cd: ChangeDetectorRef;
+    private _listPopover;
+    private _subscriptions;
+    private _subscriptionsById;
+    private _logPrefix;
+    protected disabled: boolean;
+    protected color: ThemePalette;
+    protected jobProgressions$: import("rxjs").Observable<BehaviorSubject<JobProgression>[]>;
+    protected jobCount$: import("rxjs").Observable<number>;
+    protected visible$: import("rxjs").Observable<boolean>;
+    protected mode$: import("rxjs").Observable<ProgressSpinnerMode>;
+    protected value$: import("rxjs").Observable<number>;
+    protected autoHideDelay: number;
+    protected autoRemove: boolean;
+    protected autoRemoveDelay: number;
     debug: boolean;
     titleI18n: string;
     options: JobProgressionOptions;
     autoHide: boolean;
     headerActions: IUserEventAction[];
     jobFinished: EventEmitter<number>;
-    disabled: boolean;
-    color: ThemePalette;
-    jobProgressions$: import("rxjs").Observable<BehaviorSubject<JobProgression>[]>;
-    jobCount$: import("rxjs").Observable<number>;
-    visible$: import("rxjs").Observable<boolean>;
-    mode$: import("rxjs").Observable<ProgressSpinnerMode>;
-    value$: import("rxjs").Observable<number>;
-    protected autoHideDelay: number;
-    protected autoRemove: boolean;
-    protected autoRemoveDelay: number;
-    private _listPopover;
-    private _subscriptions;
-    private _subscriptionsById;
-    private _logPrefix;
     constructor(jobProgressionService: IJobProgressionService, popoverController: PopoverController, cd: ChangeDetectorRef);
     get jobProgressions(): BehaviorSubject<JobProgression>[];
     ngOnInit(): void;

package/src/app/social/user-event/notification/user-event-notification.icon.d.ts

@@ -1,32 +1,46 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
-import { PopoverController } from '@ionic/angular';
+import { ModalController, PopoverController } from '@ionic/angular';
 import { IUserEventService } from '../user-event.service';
+import { UserEventNotificationListOptions } from './user-event-notification.list';
 import { IUserEvent, IUserEventAction, IUserEventFilter } from '../user-event.model';
 import { AccountService } from '../../../core/services/account.service';
+import { AppColors } from '../../../shared/types';
+import { LocalSettingsService } from '../../../core/services/local-settings.service';
 import * as i0 from "@angular/core";
 export declare class UserEventNotificationIcon implements OnInit, OnDestroy {
     userEventService: IUserEventService<IUserEvent<any>, IUserEventFilter<any>>;
     protected accountService: AccountService;
     protected popoverController: PopoverController;
+    protected modalController: ModalController;
+    protected settings: LocalSettingsService;
     private cd;
     private _logPrefix;
     private _readEvent;
     private _readEvents;
-    debug: boolean;
+    protected visible: boolean;
+    protected readonly count$: Observable<number>;
     titleI18n: string;
     disabled: boolean;
     filter: any;
     autoHide: boolean;
     headerActions: IUserEventAction[];
     footerActions: IUserEventAction[];
-    protected visible: boolean;
-    protected readonly countChanges$: Observable<number>;
-    constructor(userEventService: IUserEventService<IUserEvent<any>, IUserEventFilter<any>>, accountService: AccountService, popoverController: PopoverController, cd: ChangeDetectorRef);
+    style: 'mat-button' | 'ion-button';
+    color: AppColors;
+    unreadColor: AppColors;
+    fill: 'clear' | 'outline' | 'solid';
+    mobile: boolean;
+    listStyle: 'popover' | 'modal';
+    debug: boolean;
+    onShowList: EventEmitter<Event>;
+    constructor(userEventService: IUserEventService<IUserEvent<any>, IUserEventFilter<any>>, accountService: AccountService, popoverController: PopoverController, modalController: ModalController, settings: LocalSettingsService, cd: ChangeDetectorRef);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
-    showList(event: Event): Promise<void>;
+    showList(event?: Event, options?: UserEventNotificationListOptions & {
+        style: 'modal' | 'popover';
+    }): Promise<void>;
     protected setVisible(value: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UserEventNotificationIcon, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UserEventNotificationIcon, "app-user-event-notification-icon", never, { "debug": { "alias": "debug"; "required": false; }; "titleI18n": { "alias": "titleI18n"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "headerActions": { "alias": "headerActions"; "required": false; }; "footerActions": { "alias": "footerActions"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserEventNotificationIcon, [{ optional: true; }, null, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserEventNotificationIcon, "app-user-event-notification-icon", never, { "titleI18n": { "alias": "titleI18n"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "headerActions": { "alias": "headerActions"; "required": false; }; "footerActions": { "alias": "footerActions"; "required": false; }; "style": { "alias": "style"; "required": false; }; "color": { "alias": "color"; "required": false; }; "unreadColor": { "alias": "unreadColor"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; }, { "onShowList": "showList"; }, never, never, false, never>;
 }

package/src/app/social/user-event/notification/user-event-notification.list.d.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, EventEmitter, InjectionToken, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { IUserEvent, IUserEventFilter, IUserEventAction } from '../user-event.model';
-import { BehaviorSubject, Subscription } from 'rxjs';
+import { IUserEvent, IUserEventAction, IUserEventFilter } from '../user-event.model';
+import { BehaviorSubject, Observable, Subscription } from 'rxjs';
 import { IonContent, IonItem, PopoverController } from '@ionic/angular';
 import { IUserEventService } from '../user-event.service';
 import { LocalSettingsService } from '../../../core/services/local-settings.service';
@@ -23,8 +23,13 @@ export declare class UserEventNotificationList<E extends IUserEvent<any> = IUser
     protected settings: LocalSettingsService;
     userEventService: IUserEventService<E, IUserEventFilter<any>>;
     infiniteScrollThresholdFromToken: string;
-    debug: boolean;
-    mobile: boolean;
+    protected fetchingMore: boolean;
+    protected $items: BehaviorSubject<E[]>;
+    protected _subscriptions: Subscription;
+    protected _fetchMoreFn: FetchMoreFn<LoadResult<E>>;
+    protected _fetchMoreSubscription: Subscription;
+    protected _$pageSize: BehaviorSubject<number>;
+    protected _panelElement: HTMLElement;
     titleI18n: string;
     sortBy: string;
     sortDirection: SortDirection;
@@ -33,39 +38,38 @@ export declare class UserEventNotificationList<E extends IUserEvent<any> = IUser
     infiniteScrollThreshold: string;
     headerActions: IUserEventAction[];
     footerActions: IUserEventAction[];
+    showHeader: boolean;
+    showFooter: boolean;
+    mobile: boolean;
+    debug: boolean;
     set pageSize(value: number);
+    $itemCount: BehaviorSubject<number>;
     get pageSize(): number;
+    get hasItem$(): Observable<boolean>;
+    get itemCount$(): Observable<number>;
     readEvent: EventEmitter<E>;
     readEvents: EventEmitter<E[]>;
+    dismiss: EventEmitter<Event>;
     ionContent: IonContent;
     ionItems: QueryList<IonItem>;
     get canFetchMore(): boolean;
-    fetchingMore: boolean;
-    $items: BehaviorSubject<E[]>;
-    $itemCount: BehaviorSubject<number>;
-    protected _subscriptions: Subscription;
-    protected _fetchMoreFn: FetchMoreFn<LoadResult<E>>;
-    protected _fetchMoreSubscription: Subscription;
-    protected _$pageSize: BehaviorSubject<number>;
-    protected _panelElement: HTMLElement;
     constructor(cd: ChangeDetectorRef, popoverController: PopoverController, settings: LocalSettingsService, userEventService: IUserEventService<E, IUserEventFilter<any>>, infiniteScrollThresholdFromToken: string);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    click(event: Event, userEvent: E): void;
+    click(event: Event, userEvent: E): Promise<void>;
     isDefaultAction(action: IUserEventAction): boolean;
     markAsRead(event: Event, userEvent: E): void;
     markAllAsRead(event: Event): void;
     executeAction(event: Event, action: IUserEventAction, userEvent: IUserEvent<any>): Promise<void>;
-    dismiss(): void;
+    close(): void;
     fetchMore(event?: CustomEvent & {
         target?: EventTarget & {
             complete?: () => void;
         };
     }): Promise<void>;
-    trackByFn(index: number, item: E): number;
     protected initInfiniteScroll(threshold?: string): Promise<void>;
     protected markForCheck(): void;
     protected getPanelElement(): Promise<HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserEventNotificationList<any, any>, [null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UserEventNotificationList<any, any>, "app-user-event-notification-list", never, { "debug": { "alias": "debug"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "titleI18n": { "alias": "titleI18n"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "enableInfiniteScroll": { "alias": "enableInfiniteScroll"; "required": false; }; "infiniteScrollThreshold": { "alias": "infiniteScrollThreshold"; "required": false; }; "headerActions": { "alias": "headerActions"; "required": false; }; "footerActions": { "alias": "footerActions"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "readEvent": "readEvent"; "readEvents": "readEvents"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserEventNotificationList<any, any>, "app-user-event-notification-list", never, { "titleI18n": { "alias": "titleI18n"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "enableInfiniteScroll": { "alias": "enableInfiniteScroll"; "required": false; }; "infiniteScrollThreshold": { "alias": "infiniteScrollThreshold"; "required": false; }; "headerActions": { "alias": "headerActions"; "required": false; }; "footerActions": { "alias": "footerActions"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "readEvent": "readEvent"; "readEvents": "readEvents"; "dismiss": "dismiss"; }, never, never, false, never>;
 }

package/src/app/social/user-event/notification/user-event-notification.modal.d.ts

@@ -0,0 +1,36 @@
+import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { IUserEvent, IUserEventAction, IUserEventFilter } from '../user-event.model';
+import { ModalController } from '@ionic/angular';
+import { SortDirection } from '@angular/material/sort';
+import { UserEventNotificationList, UserEventNotificationListOptions } from './user-event-notification.list';
+import { IUserEventService } from '../user-event.service';
+import { LocalSettingsService } from '../../../core/services/local-settings.service';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface UserEventNotificationModalOptions<E extends IUserEvent<any> = IUserEvent<any>, F extends IUserEventFilter<any> = IUserEventFilter<any>> extends UserEventNotificationListOptions<E, F> {
+}
+export declare class UserEventNotificationModal<E extends IUserEvent<any> = IUserEvent<any>, F extends IUserEventFilter<any> = IUserEventFilter<any>> implements UserEventNotificationModalOptions<E, F>, OnInit {
+    protected cd: ChangeDetectorRef;
+    protected settings: LocalSettingsService;
+    protected modalController: ModalController;
+    userEventService: IUserEventService<E, IUserEventFilter<any>>;
+    protected itemCount$: Observable<number>;
+    titleI18n: string;
+    sortBy: string;
+    sortDirection: SortDirection;
+    filter: Partial<F>;
+    enableInfiniteScroll: boolean;
+    infiniteScrollThreshold: string;
+    headerActions: IUserEventAction[];
+    footerActions: IUserEventAction[];
+    pageSize: number;
+    mobile: boolean;
+    debug: boolean;
+    list: UserEventNotificationList<E, F>;
+    constructor(cd: ChangeDetectorRef, settings: LocalSettingsService, modalController: ModalController, userEventService: IUserEventService<E, IUserEventFilter<any>>);
+    ngOnInit(): void;
+    protected close(): void;
+    protected markForCheck(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserEventNotificationModal<any, any>, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserEventNotificationModal<any, any>, "app-user-event-notification-modal", never, { "titleI18n": { "alias": "titleI18n"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "enableInfiniteScroll": { "alias": "enableInfiniteScroll"; "required": false; }; "infiniteScrollThreshold": { "alias": "infiniteScrollThreshold"; "required": false; }; "headerActions": { "alias": "headerActions"; "required": false; }; "footerActions": { "alias": "footerActions"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; }, {}, never, never, false, never>;
+}

package/src/app/social/user-event/testing/user-event.testing.d.ts

@@ -1,20 +1,27 @@
 import { OnDestroy } from '@angular/core';
+import { IUserEventAction } from '../user-event.model';
 import { Router } from '@angular/router';
 import { AlertController } from '@ionic/angular';
 import { TranslateService } from '@ngx-translate/core';
 import { UserEventTestService } from './user-event.testing.service';
 import { UserEventNotificationIcon } from '../notification/user-event-notification.icon';
 import { UserEventTest } from './user-event.testing.model';
+import { LocalSettingsService } from '../../../core/services/local-settings.service';
 import * as i0 from "@angular/core";
 export declare class UserEventTestingPage implements OnDestroy {
     protected userEventService: UserEventTestService;
     protected router: Router;
     protected alertController: AlertController;
+    protected settings: LocalSettingsService;
     protected translateService: TranslateService;
     private _timerSubscription;
+    protected mobile: boolean;
+    protected popoverHeaderActions: IUserEventAction[];
+    protected modalHeaderActions: IUserEventAction[];
+    protected footerActions: IUserEventAction[];
     notification: UserEventNotificationIcon;
     get timerStarted(): boolean;
-    constructor(userEventService: UserEventTestService, router: Router, alertController: AlertController, translateService: TranslateService);
+    constructor(userEventService: UserEventTestService, router: Router, alertController: AlertController, settings: LocalSettingsService, translateService: TranslateService);
     ngOnDestroy(): void;
     protected customize(userEvent: UserEventTest): void;
     addNotification(): void;
@@ -29,7 +36,9 @@ export declare class UserEventTestingPage implements OnDestroy {
     addRandom(value: number): void;
     addNotificationWithDefaultAction(): void;
     protected showMessage(text: string): Promise<void>;
-    replaceLastEvent(): void;
+    protected showNotificationModal(): void;
+    protected openSettings(): void;
+    protected replaceLastEvent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserEventTestingPage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UserEventTestingPage, "job-progression-testing", never, {}, {}, never, never, false, never>;
 }

package/src/app/social/user-event/user-event.module.d.ts

@@ -1,13 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./notification/user-event-notification.icon";
 import * as i2 from "./notification/user-event-notification.list";
-import * as i3 from "@angular/common";
-import * as i4 from "../../shared/shared.module";
-import * as i5 from "../../core/icon/icon.module";
-import * as i6 from "../../shared/rx-state/rx-state.module";
-import * as i7 from "ngx-jdenticon";
+import * as i3 from "./notification/user-event-notification.modal";
+import * as i4 from "@angular/common";
+import * as i5 from "../../shared/shared.module";
+import * as i6 from "../../core/icon/icon.module";
+import * as i7 from "../../shared/rx-state/rx-state.module";
+import * as i8 from "ngx-jdenticon";
 export declare class UserEventModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UserEventModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UserEventModule, [typeof i1.UserEventNotificationIcon, typeof i2.UserEventNotificationList], [typeof i3.CommonModule, typeof i4.SharedModule, typeof i5.AppIconModule, typeof i6.RxStateModule, typeof i7.NgxJdenticonModule], [typeof i1.UserEventNotificationIcon]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UserEventModule, [typeof i1.UserEventNotificationIcon, typeof i2.UserEventNotificationList, typeof i3.UserEventNotificationModal], [typeof i4.CommonModule, typeof i5.SharedModule, typeof i6.AppIconModule, typeof i7.RxStateModule, typeof i8.NgxJdenticonModule], [typeof i1.UserEventNotificationIcon, typeof i3.UserEventNotificationModal]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UserEventModule>;
 }

package/src/app/social/user-event/user-event.service.d.ts

@@ -2,7 +2,7 @@ import { InjectionToken, OnDestroy } from '@angular/core';
 import { FetchPolicy } from '@apollo/client/core';
 import { AccountService } from '../../core/services/account.service';
 import { GraphqlService } from '../../core/graphql/graphql.service';
-import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { IUserEvent, IUserEventFilter } from './user-event.model';
 import { SortDirection } from '@angular/material/sort';
 import { EntitiesServiceLoadOptions, EntitiesServiceWatchOptions, IEntitiesService, LoadResult, Page } from '../../shared/services/entity-service.class';
@@ -80,7 +80,7 @@ export declare abstract class AbstractUserEventService<E extends IUserEvent<E, I
     protected listeners: IUserEventListener<E, ID>[];
     private _subscriptions;
     private _listenSubscription;
-    get countSubject(): Subject<number>;
+    get countSubject(): Observable<number>;
     protected constructor(graphql: GraphqlService, accountService: AccountService, network: NetworkService, translate: TranslateService, options: UserEventServiceOptions<Q, M, S>);
     protected ngOnStart(): Promise<void>;
     ngOnDestroy(): void;

package/src/assets/i18n/fr.json

@@ -525,7 +525,8 @@
       "NOTIFICATION": {
         "TITLE": "Notifications",
         "EMPTY": "Aucune notification",
-        "READ_ALL": "Tout marquer comme lu"
+        "READ_ALL": "Tout marquer comme lu",
+        "SHOW_ALL": "Afficher tout"
       },
       "TYPE": "Type",
       "ICON": "Icône",

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "18.12.13",
+  "version": "18.13.0",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/theme/_ngx-components.scss

@@ -802,7 +802,7 @@ ion-modal.stack-modal {
   --backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
 }
 
-ion-modal.modal-large{
+ion-modal.modal-large {
   --min-height: calc(100% - 50px) !important;
   --min-width: calc(100% - 100px) !important;
 }
@@ -810,6 +810,9 @@ ion-modal.modal-fullscreen {
   --min-height: calc(100%) !important;
   --min-width: calc(100%) !important;
 }
+ion-modal.modal-notifications {
+  --min-height: calc(100% - 50px) !important;
+}
 
 
 // --------------------------------------------------

package/src/theme/_theme.variables.scss

@@ -80,7 +80,7 @@ html.dark {
   --ion-color-light-tint: #383a3e;
 
   --ion-toolbar-background: #1f1f1f;
-  --ion-border-color: #222222;
+  --ion-border-color: #303030;
   --ion-backdrop-opacity: 0.15;
 
   --app-form-field-background-color: var(--ion-color-light-tint);