@sumaris-net/ngx-components 2.0.0-rc1 → 2.0.0-rc4

package/src/app/shared/material/datetime/material.datetime.d.ts

@@ -1,6 +1,6 @@
-import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
-import { ControlValueAccessor, UntypedFormBuilder, UntypedFormControl, FormGroupDirective } from '@angular/forms';
+import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
@@ -17,7 +17,7 @@ declare interface NgxTimePicker {
     open(): any;
     close(): any;
 }
-export declare class MatDateTime implements OnInit, OnDestroy, ControlValueAccessor, InputElement {
+export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, InputElement {
     private dateAdapter;
     private translate;
     private formBuilder;
@@ -29,8 +29,7 @@ export declare class MatDateTime implements OnInit, OnDestroy, ControlValueAcces
     private _writing;
     private _disabling;
     private _tabindex;
-    private _keyboardHideDelay;
-    _readonly: boolean;
+    private _readonly;
     dayControl: UntypedFormControl;
     hourControl: UntypedFormControl;
     displayPattern: string;
@@ -56,29 +55,30 @@ export declare class MatDateTime implements OnInit, OnDestroy, ControlValueAcces
     set tabindex(value: number);
     get tabindex(): number;
     get value(): any;
+    get disabled(): boolean;
     datePicker: MatDatepicker<Moment>;
     timePicker: NgxTimePicker;
     matInputs: QueryList<ElementRef>;
     constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    onDatePickerChange(event: MatDatepickerInputEvent<Moment>): void;
-    onTimePickerChange(timeStr: string): void;
-    openDatePickerIfMobile(event: Event, datePicker?: MatDatepicker<any>): Promise<void>;
-    openDatePicker(event?: Event, datePicker?: MatDatepicker<any>): void;
-    openTimePickerIfMobile(event: Event): Promise<void>;
-    openTimePicker(event: Event): void;
-    preventEvent(event: Event): void;
+    openDatePicker(event?: UIEvent | Event, datePicker?: MatDatepicker<any>): void;
+    openTimePicker(event?: UIEvent | Event): void;
     focus(): void;
     clear(): void;
+    protected _onDatePickerChange(event: MatDatepickerInputEvent<Moment>): void;
+    onTimePickerChange(timeStr: string): void;
+    protected _openDatePickerIfMobile(event?: UIEvent, datePicker?: MatDatepicker<any>): void;
+    protected _openTimePickerIfMobile(event?: UIEvent): void;
+    protected _checkIfTouched(): void;
+    protected _preventEvent(event?: Event): void;
     private updatePattern;
-    checkIfTouched(): void;
     private onFormChange;
-    private waitKeyboardHide;
     private emitChange;
     private updateTabIndex;
     private markAsTouched;

package/src/app/shared/material/material.module.d.ts

@@ -37,9 +37,9 @@ import * as i35 from "./boolean/boolean.module";
 import * as i36 from "./numpad/numpad.module";
 import * as i37 from "./swipe/swipe.module";
 import * as i38 from "./chips/chips.module";
-import * as i39 from "./badge/badge-icon.module";
+import * as i39 from "./badge/badge.module";
 export declare class SharedMaterialModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMaterialModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMaterialModule, never, [typeof i1.MatCommonModule, typeof i2.MatTableModule, typeof i3.MatSortModule, typeof i4.MatPaginatorModule, typeof i5.MatFormFieldModule, typeof i6.MatInputModule, typeof i7.CdkTableModule, typeof i8.MatCheckboxModule, typeof i9.MatExpansionModule, typeof i10.MatToolbarModule, typeof i11.MatDialogModule, typeof i12.MatIconModule, typeof i13.MatButtonModule, typeof i14.MatMenuModule, typeof i15.MatSelectModule, typeof i16.MatCardModule, typeof i17.MatTabsModule, typeof i18.MatListModule, typeof i19.MatStepperModule, typeof i20.MatButtonToggleModule, typeof i21.MatProgressSpinnerModule, typeof i22.MatProgressBarModule, typeof i23.MatRadioModule, typeof i24.MatBadgeModule, typeof i25.MatSlideToggleModule, typeof i26.A11yModule, typeof i27.OverlayModule, typeof i28.ScrollingModule, typeof i1.MatRippleModule, typeof i29.MatDividerModule, typeof i30.MatTooltipModule, typeof i31.SharedMatAutocompleteModule, typeof i32.SharedMatLatLongModule, typeof i33.SharedMatDateTimeModule, typeof i34.SharedMatDurationModule, typeof i35.SharedMatBooleanModule, typeof i36.SharedMatNumpadModule, typeof i37.SharedMatSwipeModule, typeof i38.SharedMatChipsModule, typeof i39.SharedMatBadgeIconModule], [typeof i1.MatCommonModule, typeof i2.MatTableModule, typeof i3.MatSortModule, typeof i4.MatPaginatorModule, typeof i5.MatFormFieldModule, typeof i6.MatInputModule, typeof i7.CdkTableModule, typeof i8.MatCheckboxModule, typeof i9.MatExpansionModule, typeof i10.MatToolbarModule, typeof i11.MatDialogModule, typeof i12.MatIconModule, typeof i13.MatButtonModule, typeof i14.MatMenuModule, typeof i15.MatSelectModule, typeof i16.MatCardModule, typeof i17.MatTabsModule, typeof i18.MatListModule, typeof i19.MatStepperModule, typeof i20.MatButtonToggleModule, typeof i21.MatProgressSpinnerModule, typeof i22.MatProgressBarModule, typeof i23.MatRadioModule, typeof i24.MatBadgeModule, typeof i25.MatSlideToggleModule, typeof i26.A11yModule, typeof i27.OverlayModule, typeof i28.ScrollingModule, typeof i1.MatRippleModule, typeof i29.MatDividerModule, typeof i30.MatTooltipModule, typeof i31.SharedMatAutocompleteModule, typeof i32.SharedMatLatLongModule, typeof i33.SharedMatDateTimeModule, typeof i34.SharedMatDurationModule, typeof i35.SharedMatBooleanModule, typeof i36.SharedMatNumpadModule, typeof i37.SharedMatSwipeModule, typeof i38.SharedMatChipsModule, typeof i39.SharedMatBadgeIconModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMaterialModule, never, [typeof i1.MatCommonModule, typeof i2.MatTableModule, typeof i3.MatSortModule, typeof i4.MatPaginatorModule, typeof i5.MatFormFieldModule, typeof i6.MatInputModule, typeof i7.CdkTableModule, typeof i8.MatCheckboxModule, typeof i9.MatExpansionModule, typeof i10.MatToolbarModule, typeof i11.MatDialogModule, typeof i12.MatIconModule, typeof i13.MatButtonModule, typeof i14.MatMenuModule, typeof i15.MatSelectModule, typeof i16.MatCardModule, typeof i17.MatTabsModule, typeof i18.MatListModule, typeof i19.MatStepperModule, typeof i20.MatButtonToggleModule, typeof i21.MatProgressSpinnerModule, typeof i22.MatProgressBarModule, typeof i23.MatRadioModule, typeof i24.MatBadgeModule, typeof i25.MatSlideToggleModule, typeof i26.A11yModule, typeof i27.OverlayModule, typeof i28.ScrollingModule, typeof i1.MatRippleModule, typeof i29.MatDividerModule, typeof i30.MatTooltipModule, typeof i31.SharedMatAutocompleteModule, typeof i32.SharedMatLatLongModule, typeof i33.SharedMatDateTimeModule, typeof i34.SharedMatDurationModule, typeof i35.SharedMatBooleanModule, typeof i36.SharedMatNumpadModule, typeof i37.SharedMatSwipeModule, typeof i38.SharedMatChipsModule, typeof i39.SharedBadgeModule], [typeof i1.MatCommonModule, typeof i2.MatTableModule, typeof i3.MatSortModule, typeof i4.MatPaginatorModule, typeof i5.MatFormFieldModule, typeof i6.MatInputModule, typeof i7.CdkTableModule, typeof i8.MatCheckboxModule, typeof i9.MatExpansionModule, typeof i10.MatToolbarModule, typeof i11.MatDialogModule, typeof i12.MatIconModule, typeof i13.MatButtonModule, typeof i14.MatMenuModule, typeof i15.MatSelectModule, typeof i16.MatCardModule, typeof i17.MatTabsModule, typeof i18.MatListModule, typeof i19.MatStepperModule, typeof i20.MatButtonToggleModule, typeof i21.MatProgressSpinnerModule, typeof i22.MatProgressBarModule, typeof i23.MatRadioModule, typeof i24.MatBadgeModule, typeof i25.MatSlideToggleModule, typeof i26.A11yModule, typeof i27.OverlayModule, typeof i28.ScrollingModule, typeof i1.MatRippleModule, typeof i29.MatDividerModule, typeof i30.MatTooltipModule, typeof i31.SharedMatAutocompleteModule, typeof i32.SharedMatLatLongModule, typeof i33.SharedMatDateTimeModule, typeof i34.SharedMatDurationModule, typeof i35.SharedMatBooleanModule, typeof i36.SharedMatNumpadModule, typeof i37.SharedMatSwipeModule, typeof i38.SharedMatChipsModule, typeof i39.SharedBadgeModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMaterialModule>;
 }

package/src/app/shared/material/material.testing.module.d.ts

@@ -7,17 +7,18 @@ import * as i4 from "./latlong/testing/latlong.test";
 import * as i5 from "./numpad/testing/numpad.test";
 import * as i6 from "./swipe/testing/swipe.test";
 import * as i7 from "./chips/testing/chips.test";
-import * as i8 from "./badge/badge-icon.test";
-import * as i9 from "@angular/common";
-import * as i10 from "@ionic/angular";
-import * as i11 from "@angular/forms";
-import * as i12 from "./material.module";
-import * as i13 from "@ngx-translate/core";
-import * as i14 from "@angular/router";
-import * as i15 from "../pipes/pipes.module";
+import * as i8 from "./badge/badge.test";
+import * as i9 from "../testing/observable.test";
+import * as i10 from "@angular/common";
+import * as i11 from "@ionic/angular";
+import * as i12 from "@angular/forms";
+import * as i13 from "./material.module";
+import * as i14 from "@ngx-translate/core";
+import * as i15 from "@angular/router";
+import * as i16 from "../pipes/pipes.module";
 export declare const SHARED_MATERIAL_TESTING_PAGES: TestingPage[];
 export declare class MaterialTestingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MaterialTestingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialTestingModule, [typeof i1.DateTimeTestPage, typeof i2.DateTestPage, typeof i3.AutocompleteTestPage, typeof i4.LatLongTestPage, typeof i5.NumpadTestPage, typeof i6.SwipeTestPage, typeof i7.ChipsTestPage, typeof i8.MatBadgeIconTestPage], [typeof i9.CommonModule, typeof i10.IonicModule, typeof i11.ReactiveFormsModule, typeof i12.SharedMaterialModule, typeof i13.TranslateModule, typeof i14.RouterModule, typeof i15.SharedPipesModule], [typeof i12.SharedMaterialModule, typeof i14.RouterModule, typeof i1.DateTimeTestPage, typeof i2.DateTestPage, typeof i3.AutocompleteTestPage, typeof i4.LatLongTestPage, typeof i5.NumpadTestPage, typeof i6.SwipeTestPage, typeof i7.ChipsTestPage]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialTestingModule, [typeof i1.DateTimeTestPage, typeof i2.DateTestPage, typeof i3.AutocompleteTestPage, typeof i4.LatLongTestPage, typeof i5.NumpadTestPage, typeof i6.SwipeTestPage, typeof i7.ChipsTestPage, typeof i8.MatBadgeTestPage, typeof i9.ObservableTestPage], [typeof i10.CommonModule, typeof i11.IonicModule, typeof i12.ReactiveFormsModule, typeof i13.SharedMaterialModule, typeof i14.TranslateModule, typeof i15.RouterModule, typeof i16.SharedPipesModule], [typeof i13.SharedMaterialModule, typeof i15.RouterModule, typeof i1.DateTimeTestPage, typeof i2.DateTestPage, typeof i3.AutocompleteTestPage, typeof i4.LatLongTestPage, typeof i5.NumpadTestPage, typeof i6.SwipeTestPage, typeof i7.ChipsTestPage, typeof i9.ObservableTestPage]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MaterialTestingModule>;
 }

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

@@ -3,7 +3,7 @@ import { Predicate } from '@angular/core';
 export declare interface FirstOptions {
     timeout?: number;
     stop?: Observable<any>;
-    stopError?: boolean;
+    stopError?: boolean | string | Error;
 }
 export declare interface WaitForOptions extends FirstOptions {
     dueTime?: number;

package/src/app/shared/pipes/arrays.pipe.d.ts

@@ -25,8 +25,13 @@ export declare class ArrayFirstPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<ArrayFirstPipe, "arrayFirst", false>;
 }
 export declare class ArrayPluckPipe implements PipeTransform {
-    transform<T>(val: T[], opts: {
-        property: string;
+    /**
+     *
+     * @param values
+     * @param opts property to get, or options
+     */
+    transform<T>(values: T[], opts: string | string[] | {
+        property: string | string[];
         omitNil?: boolean;
     }): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayPluckPipe, never>;
@@ -42,3 +47,8 @@ export declare class ArrayFilterPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayFilterPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ArrayFilterPipe, "arrayFilter", false>;
 }
+export declare class ArrayJoinPipe implements PipeTransform {
+    transform<T>(val: T[], separator: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayJoinPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ArrayJoinPipe, "arrayJoin", false>;
+}

package/src/app/shared/pipes/pipes.module.d.ts

@@ -21,6 +21,6 @@ import * as i19 from "@ionic/angular";
 import * as i20 from "@ngx-translate/core";
 export declare class SharedPipesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedPipesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.ToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i1.PropertyFormatPipe, typeof i17.MatColorPipe], [typeof i18.CommonModule, typeof i19.IonicModule, typeof i20.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i5.DateFromNowPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.ToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.ToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i1.PropertyFormatPipe, typeof i17.MatColorPipe], [typeof i18.CommonModule, typeof i19.IonicModule, typeof i20.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i5.DateFromNowPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.ToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

package/src/app/shared/services/entity-service.class.d.ts

@@ -1,9 +1,7 @@
 import { Observable } from 'rxjs';
 import { FetchPolicy, WatchQueryFetchPolicy } from '@apollo/client/core';
 import { SortDirection } from '@angular/material/sort';
-import { OnDestroy } from '@angular/core';
 import { EmptyObject } from 'apollo-angular/types';
-import * as i0 from "@angular/core";
 export declare interface Page {
     offset: number;
     size: number;
@@ -63,12 +61,3 @@ export declare type LoadResultByPageFn<T> = (offset: number, size: number) => Pr
 export interface IEntityFullService<T, ID, F, O extends EntitiesServiceWatchOptions & EntityServiceLoadOptions> extends IEntityService<T, ID, O>, IEntitiesService<T, F, O> {
 }
 export declare function mergeLoadResult<T>(res1: LoadResult<T>, res2: LoadResult<T>): LoadResult<T>;
-export declare abstract class EntitiesService<T, F, O extends EntitiesServiceWatchOptions = EntitiesServiceWatchOptions> implements IEntitiesService<T, F, O>, OnDestroy {
-    ngOnDestroy(): void;
-    abstract watchAll(offset: number, size: number, sortBy?: string, sortDirection?: SortDirection, filter?: Partial<F>, options?: O): Observable<LoadResult<T>>;
-    abstract saveAll(data: T[], options?: any): Promise<T[]>;
-    abstract deleteAll(data: T[], options?: any): Promise<any>;
-    abstract asFilter(filter: Partial<F>): F;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EntitiesService<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EntitiesService<any, any, any>, never, never, {}, {}, never, never, false>;
-}

package/src/app/shared/services/memory-entity-service.class.d.ts

@@ -1,8 +1,10 @@
-import { Observable } from 'rxjs';
-import { EntitiesService, EntitiesServiceLoadOptions, EntitiesServiceWatchOptions, FilterFn, FilterFnFactory, IEntitiesService, LoadResult } from './entity-service.class';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { EntitiesServiceLoadOptions, EntitiesServiceWatchOptions, FilterFn, FilterFnFactory, IEntitiesService, LoadResult } from './entity-service.class';
 import { SortDirection } from '@angular/material/sort';
 import { OnDestroy } from '@angular/core';
 import { IEntity } from '../../core/services/model/entity.model';
+import { WaitForOptions } from '../observables';
+import { StartableObservableService } from './startable-observable-service.class';
 import * as i0 from "@angular/core";
 export interface InMemoryEntitiesServiceOptions<T, F> {
     onSort?: (data: T[], sortBy?: string, sortDirection?: SortDirection) => T[];
@@ -15,14 +17,13 @@ export interface InMemoryEntitiesServiceOptions<T, F> {
         [key: string]: string;
     };
 }
-export declare class InMemoryEntitiesService<T extends IEntity<T, ID>, F = any, ID = number, O extends EntitiesServiceWatchOptions = EntitiesServiceWatchOptions> extends EntitiesService<T, F, ID> implements IEntitiesService<T, F, O>, OnDestroy {
+export declare class InMemoryEntitiesService<T extends IEntity<T, ID>, F = any, ID = number, O extends EntitiesServiceWatchOptions = EntitiesServiceWatchOptions> extends StartableObservableService<T[], T[]> implements IEntitiesService<T, F, O>, OnDestroy {
     protected dataType: new () => T;
     protected filterType: new () => F;
     debug: boolean;
-    dirty: boolean;
     private _hiddenData;
-    private _saving;
-    private readonly dataSubject;
+    readonly dirtySubject: BehaviorSubject<boolean>;
+    private readonly savingSubject;
     private readonly _sortFn;
     private readonly _onLoad;
     private readonly _onSaveFn;
@@ -31,7 +32,11 @@ export declare class InMemoryEntitiesService<T extends IEntity<T, ID>, F = any,
     private readonly _sortByReplacement;
     set value(data: T[]);
     get value(): T[];
+    get saving(): boolean;
+    get dirty(): boolean;
     constructor(dataType: new () => T, filterType: new () => F, options?: InMemoryEntitiesServiceOptions<T, F>);
+    protected ngOnStart(data?: T[]): Promise<T[]>;
+    protected ngOnStop(): Promise<void>;
     ngOnDestroy(): void;
     setValue(data: T[]): void;
     loadAll(offset: number, size: number, sortBy?: string, sortDirection?: SortDirection, filter?: F, opts?: EntitiesServiceLoadOptions): Promise<LoadResult<T>>;
@@ -46,10 +51,19 @@ export declare class InMemoryEntitiesService<T extends IEntity<T, ID>, F = any,
      * Count data stored by the service (without hidden data).
      * @param opts
      */
+    /**
+     * Count data stored by the service (without hidden data).
+     * @param opts
+     * @deprecated TODO Please rename this getter into visibleCount (and create count = hiddenCount + visibleCount)
+     */
     get count(): number;
     get hiddenCount(): number;
+    waitIdle(opts?: WaitForOptions): Promise<void>;
+    markAsDirty(): void;
+    markAsPristine(): void;
     protected filter(data: T[], _filter: F, hiddenData: T[]): T[];
     protected connect(): Observable<LoadResult<T>>;
+    protected waitWhileSaving(opts?: WaitForOptions): Promise<void>;
     protected markAsSaving(): void;
     protected markAsSaved(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InMemoryEntitiesService<any, any, any, any>, never>;

package/src/app/shared/services/startable-observable-service.class.d.ts

@@ -0,0 +1,33 @@
+import { BehaviorSubject, Subject, Subscription } from 'rxjs';
+import { IStartableService } from './startable-service.class';
+/**
+ * Same as StartableService, bu with a dataSubject instead of a simple 'data' property
+ */
+export declare abstract class StartableObservableService<T = any, O = any> implements IStartableService<T> {
+    readonly dataSubject: BehaviorSubject<T>;
+    readonly startSubject: Subject<T>;
+    readonly stopSubject: Subject<void>;
+    protected _debug: boolean;
+    protected _startByReadyFunction: boolean;
+    private _started;
+    private _startPromise;
+    private _startPrerequisite;
+    private _subscription;
+    protected constructor(prerequisiteService?: {
+        ready: () => Promise<any>;
+    });
+    start(opts?: O): Promise<T>;
+    ready(): Promise<T>;
+    stop(): Promise<void>;
+    restart(opts?: O): Promise<T>;
+    get started(): boolean;
+    get starting(): boolean;
+    get stopped(): boolean;
+    protected get data(): T;
+    protected set data(value: T);
+    protected registerSubscription(sub: Subscription): void;
+    protected unregisterSubscription(sub: Subscription): void;
+    protected unsubscribe(): void;
+    protected ngOnStop(): Promise<void> | void;
+    protected abstract ngOnStart(opts?: O): Promise<T>;
+}

package/src/app/shared/services/startable-service.class.d.ts

@@ -5,8 +5,9 @@ export interface IStartableService<T = any> {
     stop(): Promise<void>;
     ready(): Promise<T>;
 }
-export declare abstract class StartableService<T = any> implements IStartableService<T> {
-    onStart: Subject<T>;
+export declare abstract class StartableService<T = any, O = any> implements IStartableService<T> {
+    readonly startSubject: Subject<T>;
+    readonly stopSubject: Subject<void>;
     protected _debug: boolean;
     protected _startByReadyFunction: boolean;
     protected _data: T;
@@ -14,17 +15,19 @@ export declare abstract class StartableService<T = any> implements IStartableSer
     private _startPromise;
     private _startPrerequisite;
     private _subscription;
-    protected constructor(prerequisiteService: {
+    protected constructor(prerequisiteService?: {
         ready: () => Promise<any>;
     });
-    start(): Promise<T>;
+    start(opts?: O): Promise<T>;
+    ready(): Promise<T>;
     stop(): Promise<void>;
-    restart(): Promise<T>;
+    restart(opts?: O): Promise<T>;
     get started(): boolean;
     get starting(): boolean;
-    ready(): Promise<T>;
-    protected registerSubscription(sub: Subscription): Subscription;
+    get stopped(): boolean;
+    protected registerSubscription(sub: Subscription): void;
     protected unregisterSubscription(sub: Subscription): void;
-    protected ngOnStop(): Promise<void>;
-    protected abstract ngOnStart(): Promise<T>;
+    protected unsubscribe(): void;
+    protected ngOnStop(): Promise<void> | void;
+    protected abstract ngOnStart(opts?: O): Promise<T>;
 }

package/src/app/shared/testing/observable.test.d.ts

@@ -0,0 +1,25 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import { FirstOptions, WaitForOptions } from '../observables';
+import { Observable, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ObservableTestPage implements OnDestroy {
+    _stopSubject: Subject<void>;
+    $value: Subject<any>;
+    runningTaskCount: number;
+    taskId: number;
+    options: Partial<FirstOptions>;
+    resultDiv: ElementRef;
+    constructor();
+    ngOnDestroy(): void;
+    setOptions(opts: any): void;
+    setOptionsError(errorMessage: any): void;
+    firstNotNilPromise(opts?: FirstOptions): Promise<void>;
+    waitForTrue(opts?: WaitForOptions): Promise<void>;
+    execute<T, O extends WaitForOptions = WaitForOptions>(fn: (o: Observable<any>, opts: O) => Promise<T>, opts?: O, logPrefix?: string): Promise<void>;
+    emit(value: any): void;
+    stop(): void;
+    log(message: string, ...args: any): void;
+    appendLog(message: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ObservableTestPage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ObservableTestPage, "app-observable-test", never, {}, {}, never, never, false>;
+}

package/src/app/shared/toast/toast.testing.d.ts

@@ -1,12 +1,10 @@
-import { ToastController } from '@ionic/angular';
+import { Injector } from '@angular/core';
 import { ShowToastOptions } from './toasts';
-import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 export declare class ToastTestingPage {
-    private toastController;
-    private translate;
+    private injector;
     readonly defaultOptions: ShowToastOptions;
-    constructor(toastController: ToastController, translate: TranslateService);
+    constructor(injector: Injector);
     showToast(opts?: ShowToastOptions): Promise<import("@ionic/core").OverlayEventDetail<any>>;
     showInfo(opts?: ShowToastOptions): Promise<import("@ionic/core").OverlayEventDetail<any>>;
     showWarning(opts?: ShowToastOptions): Promise<import("@ionic/core").OverlayEventDetail<any>>;

package/src/app/shared/toast/toasts.d.ts

@@ -1,6 +1,7 @@
-import { ToastController } from '@ionic/angular';
+import { AnimationController, ToastController } from '@ionic/angular';
 import { TranslateService } from '@ngx-translate/core';
-import { OverlayEventDetail, ToastOptions } from '@ionic/core';
+import { AnimationBuilder, OverlayEventDetail, ToastOptions } from '@ionic/core';
+import { Injector } from '@angular/core';
 export declare interface ShowToastOptions extends ToastOptions {
     type?: 'error' | 'warning' | 'info';
     messageParams?: any;
@@ -10,5 +11,7 @@ export declare interface ShowToastOptions extends ToastOptions {
 export declare class Toasts {
     static counter: number;
     static stackSize: number;
+    static showSimple<T = any>(injector: Injector, opts: ShowToastOptions): Promise<OverlayEventDetail<T>>;
     static show<T = any>(toastController: ToastController, translate: TranslateService, opts: ShowToastOptions): Promise<OverlayEventDetail<T>>;
+    static createEnterAnimation(animationCtrl: AnimationController, currentOffset: number, opts: ShowToastOptions): AnimationBuilder;
 }

package/src/app/social/job/job.module.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./progression/job-progression.component";
+import * as i1 from "./progression/job-progression.icon";
 import * as i2 from "./progression/job-progression.list";
 import * as i3 from "@angular/common";
 import * as i4 from "../../shared/shared.module";
 import * as i5 from "@ngx-translate/core";
 export declare class JobModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<JobModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<JobModule, [typeof i1.JobProgressionComponent, typeof i2.JobProgressionList], [typeof i3.CommonModule, typeof i4.SharedModule, typeof i5.TranslateModule], [typeof i1.JobProgressionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<JobModule, [typeof i1.JobProgressionIcon, typeof i2.JobProgressionList], [typeof i3.CommonModule, typeof i4.SharedModule, typeof i5.TranslateModule], [typeof i1.JobProgressionIcon]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<JobModule>;
 }

package/src/app/social/job/job.service.d.ts

@@ -4,10 +4,13 @@ import { BaseGraphqlService } from '../../core/services/base-graphql-service.cla
 import { GraphqlService } from '../../core/graphql/graphql.service';
 import { Environment } from '../../../environments/environment.class';
 import { Observable } from 'rxjs';
-import { FetchPolicy } from '@apollo/client/core';
+import { FetchPolicy, WatchQueryFetchPolicy } from '@apollo/client/core';
 import * as i0 from "@angular/core";
-export declare const JobProgressionServiceToken: InjectionToken<JobProgressionService>;
+export declare const APP_JOB_PROGRESSION_SERVICE: InjectionToken<JobProgressionService>;
 export interface IJobProgressionService {
+    watchAll(): Observable<JobProgression[]>;
+    addJob(id: number, job?: JobProgression): any;
+    removeJob(id: number): any;
     listenChanges(id: number, options?: {
         interval?: number;
         fetchPolicy?: FetchPolicy;
@@ -17,6 +20,11 @@ export declare class JobProgressionService extends BaseGraphqlService<JobProgres
     protected graphql: GraphqlService;
     protected environment: Environment;
     constructor(graphql: GraphqlService, environment: Environment);
+    watchAll(options?: {
+        fetchPolicy?: WatchQueryFetchPolicy;
+    }): Observable<JobProgression[]>;
+    addJob(id: number, job?: JobProgression): void;
+    removeJob(id: number): void;
     listenChanges(id: number, options?: {
         interval?: number;
         fetchPolicy?: FetchPolicy;

package/src/app/social/job/progression/{job-progression.component.d.ts → job-progression.icon.d.ts}

@@ -11,13 +11,14 @@ export interface JobProgressionOptions {
     autoRemove: boolean;
     autoRemoveDelay: number;
 }
-export declare class JobProgressionComponent implements OnInit, OnDestroy {
+export declare class JobProgressionIcon implements OnInit, OnDestroy {
     protected jobProgressionService: IJobProgressionService;
     protected popoverController: PopoverController;
     protected cd: ChangeDetectorRef;
     debug: boolean;
     titleI18n: string;
     options: JobProgressionOptions;
+    autoHide: boolean;
     jobFinished: EventEmitter<number>;
     visible: boolean;
     disabled: boolean;
@@ -25,7 +26,6 @@ export declare class JobProgressionComponent implements OnInit, OnDestroy {
     mode: ProgressSpinnerMode;
     value: number;
     jobProgressions: JobProgression[];
-    protected autoHide: boolean;
     protected autoHideDelay: number;
     protected autoRemove: boolean;
     protected autoRemoveDelay: number;
@@ -35,13 +35,13 @@ export declare class JobProgressionComponent implements OnInit, OnDestroy {
     private _logPrefix;
     constructor(jobProgressionService: IJobProgressionService, popoverController: PopoverController, cd: ChangeDetectorRef);
     ngOnInit(): void;
-    addJob(id: number): void;
+    addJob(id: number, job?: JobProgression): void;
     removeJob(id: number): void;
     getProgression(id: number): JobProgression | undefined;
     updateValue(): void;
     showList(event: Event): Promise<void>;
     protected markForCheck(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<JobProgressionComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<JobProgressionComponent, "app-job-progression", never, { "debug": "debug"; "titleI18n": "titleI18n"; "options": "options"; }, { "jobFinished": "jobFinished"; }, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JobProgressionIcon, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JobProgressionIcon, "app-job-progression-icon", never, { "debug": "debug"; "titleI18n": "titleI18n"; "options": "options"; "autoHide": "autoHide"; }, { "jobFinished": "jobFinished"; }, never, never, false>;
 }

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

@@ -1,14 +1,17 @@
-import { JobProgressionComponent, JobProgressionOptions } from '../progression/job-progression.component';
+import { JobProgressionIcon, JobProgressionOptions } from '../progression/job-progression.icon';
 import { JobProgression } from '../job.model';
+import { JobProgressionService } from '../job.service';
 import * as i0 from "@angular/core";
 export declare class JobProgressionTestingPage {
-    jobProgression: JobProgressionComponent;
-    nJob: number;
+    protected jobProgressionService: JobProgressionService;
+    jobProgressionIcon: JobProgressionIcon;
+    jobId: number;
     job: JobProgression;
     options: JobProgressionOptions;
-    constructor();
+    constructor(jobProgressionService: JobProgressionService);
     incrementJob(value: number): void;
     addJob(): void;
+    private createJob;
     static ɵfac: i0.ɵɵFactoryDeclaration<JobProgressionTestingPage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<JobProgressionTestingPage, "job-progression-testing", never, {}, {}, never, never, false>;
 }

package/src/app/social/job/testing/job-progression.testing.service.d.ts

@@ -4,6 +4,10 @@ import { Observable } from 'rxjs';
 import { JobProgression } from '../job.model';
 import * as i0 from "@angular/core";
 export declare class JobProgressionTestService implements IJobProgressionService {
+    private jobsSubject;
+    addJob(id: number, job?: JobProgression): void;
+    removeJob(id: number): void;
+    watchAll(): Observable<JobProgression[]>;
     listenChanges(id: number, options?: {
         interval?: number;
         fetchPolicy?: FetchPolicy;

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

@@ -1,5 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { JobProgressionOptions } from './job/progression/job-progression.component';
+import { JobProgressionOptions } from './job/progression/job-progression.icon';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../core/core.module";

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

@@ -1,26 +1,29 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { PopoverController } from '@ionic/angular';
 import { IUserEventService } from '../user-event.service';
 import { IUserEvent, IUserEventFilter } from '../user-event.model';
 import { AccountService } from '../../../core/services/account.service';
 import * as i0 from "@angular/core";
-export declare class AppUserEventNotificationIcon implements OnInit, OnDestroy {
+export declare class UserEventNotificationIcon implements OnInit, OnDestroy {
     userEventService: IUserEventService<IUserEvent<any>, IUserEventFilter<any>>;
     protected accountService: AccountService;
     protected popoverController: PopoverController;
+    private cd;
     debug: boolean;
     titleI18n: string;
     disabled: boolean;
     filter: any;
+    autoHide: boolean;
+    visible: boolean;
     get countChanges(): Observable<number>;
     private _logPrefix;
     private _readEvent;
     private _readEvents;
-    constructor(userEventService: IUserEventService<IUserEvent<any>, IUserEventFilter<any>>, accountService: AccountService, popoverController: PopoverController);
+    constructor(userEventService: IUserEventService<IUserEvent<any>, IUserEventFilter<any>>, accountService: AccountService, popoverController: PopoverController, cd: ChangeDetectorRef);
     ngOnInit(): Promise<void>;
     showList(event: Event): Promise<void>;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppUserEventNotificationIcon, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppUserEventNotificationIcon, "app-user-event-notification-icon", never, { "debug": "debug"; "titleI18n": "titleI18n"; "disabled": "disabled"; "filter": "filter"; }, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserEventNotificationIcon, [{ optional: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserEventNotificationIcon, "app-user-event-notification-icon", never, { "debug": "debug"; "titleI18n": "titleI18n"; "disabled": "disabled"; "filter": "filter"; "autoHide": "autoHide"; }, {}, never, never, false>;
 }

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

@@ -3,7 +3,7 @@ import { Router } from '@angular/router';
 import { AlertController } from '@ionic/angular';
 import { TranslateService } from '@ngx-translate/core';
 import { UserEventTestService } from './user-event.testing.service';
-import { AppUserEventNotificationIcon } from '../notification/user-event-notification.icon';
+import { UserEventNotificationIcon } from '../notification/user-event-notification.icon';
 import { UserEventTest } from './user-event.testing.model';
 import * as i0 from "@angular/core";
 export declare class UserEventTestingPage implements OnDestroy {
@@ -12,7 +12,7 @@ export declare class UserEventTestingPage implements OnDestroy {
     protected alertController: AlertController;
     protected translateService: TranslateService;
     private _timerSubscription;
-    notification: AppUserEventNotificationIcon;
+    notification: UserEventNotificationIcon;
     get timerStarted(): boolean;
     constructor(userEventService: UserEventTestService, router: Router, alertController: AlertController, translateService: TranslateService);
     ngOnDestroy(): void;

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

@@ -7,6 +7,6 @@ import * as i5 from "../../core/icon/icon.module";
 import * as i6 from "ngx-jdenticon";
 export declare class UserEventModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UserEventModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UserEventModule, [typeof i1.AppUserEventNotificationIcon, typeof i2.UserEventNotificationList], [typeof i3.CommonModule, typeof i4.SharedModule, typeof i5.AppIconModule, typeof i6.NgxJdenticonModule], [typeof i1.AppUserEventNotificationIcon]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UserEventModule, [typeof i1.UserEventNotificationIcon, typeof i2.UserEventNotificationList], [typeof i3.CommonModule, typeof i4.SharedModule, typeof i5.AppIconModule, typeof i6.NgxJdenticonModule], [typeof i1.UserEventNotificationIcon]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UserEventModule>;
 }

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

@@ -12,7 +12,7 @@ import { BaseGraphqlService, BaseGraphqlServiceOptions } from '../../core/servic
 import { Moment } from 'moment';
 import { IStartableService } from '../../shared/services/startable-service.class';
 import * as i0 from "@angular/core";
-export declare const USER_EVENT_SERVICE: InjectionToken<IUserEventService<any, any, number, UserEventWatchOptions, UserEventLoadOptions>>;
+export declare const APP_USER_EVENT_SERVICE: InjectionToken<IUserEventService<any, any, number, UserEventWatchOptions, UserEventLoadOptions>>;
 export declare interface UserEventLoadOptions extends EntitiesServiceLoadOptions {
     withContent?: boolean;
 }

package/src/app/vendor.d.ts

@@ -7,3 +7,5 @@ import { Moment } from 'moment';
 declare const moment: typeof momentImported;
 declare const tz: typeof momentImported;
 export { moment, tz, Moment };
+declare const uuidv4: import("uuid/interfaces").v4;
+export { uuidv4 };

package/src/theme/_ionic.globals.scss

@@ -75,6 +75,10 @@ $ion-grid-padding: 16px !default;
 $ion-padding: 16px !default;
 $ion-margin: 16px !default;
 
+// Default height
+// --------------------------------------------------
+$ion-toolbar-height: 56px !default;
+
 // --------------------------------------------------
 // Default General Colors
 // --------------------------------------------------