@sumaris-net/ngx-components 2.5.16 → 2.6.0-rc1

package/src/app/shared/logging/logger.model.d.ts

@@ -0,0 +1,68 @@
+import { LogLevel } from './log-level.model';
+import { Moment } from 'moment';
+import { LoggingServiceConfig } from './logging-service.config';
+import { AppColors } from '../types';
+export interface ILoggingService {
+    configure(configuration: LoggingServiceConfig): Promise<void>;
+    getLogger(loggerName: string): ILogger;
+}
+export interface ILoggingAppender {
+    append(loggerName: string, level: LogLevel, message: string): any;
+}
+export interface ILogger {
+    /**
+     * Logs a message at level TRACE.
+     *
+     * @param methodName name of the method
+     * @param params optional parameters to be logged; objects will be formatted as JSON
+     */
+    trace(methodName: string, ...params: any[]): void;
+    /**
+     * Logs a message at level DEBUG.
+     *
+     * @param methodName name of the method
+     * @param params optional parameters to be logged; objects will be formatted as JSON
+     */
+    debug(methodName: string, ...params: any[]): void;
+    /**
+     * Logs a message at level INFO.
+     *
+     * @param methodName name of the method
+     * @param params optional parameters to be logged; objects will be formatted as JSON
+     */
+    info(methodName: string, ...params: any[]): void;
+    /**
+     * Logs a message at level WARN.
+     *
+     * @param methodName name of the method
+     * @param params optional parameters to be logged; objects will be formatted as JSON
+     */
+    warn(methodName: string, ...params: any[]): void;
+    /**
+     * Logs a message at level ERROR.
+     *
+     * @param methodName name of the method
+     * @param params optional parameters to be logged; objects will be formatted as JSON
+     */
+    error(methodName: string, ...params: any[]): any;
+    /**
+     * Logs a message at level FATAL.
+     *
+     * @param methodName name of the method
+     * @param params optional parameters to be logged; objects will be formatted as JSON
+     */
+    fatal(methodName: string, ...params: any[]): any;
+}
+export interface Log {
+    loggerName: string;
+    level: LogLevel;
+    message: string;
+    date: Moment;
+}
+export declare class LogUtils {
+    static fromObject(source: any): Log;
+    static asObject(source: Log): any;
+    static fromObjects(sources: any[]): Log[];
+    static levelToString(level: LogLevel): string;
+    static levelToColor(level: LogLevel): AppColors;
+}

package/src/app/shared/logging/logging-service.class.d.ts

@@ -0,0 +1,39 @@
+import { ILogger, ILoggingAppender, ILoggingService, Log } from './logger.model';
+import { InjectionToken } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { IStorage } from '../storage/storage.utils';
+import { Environment } from '../../../environments/environment.class';
+import { LoggingServiceConfig } from './logging-service.config';
+import { LogLevel } from './log-level.model';
+import { StartableService } from '../services/startable-service.class';
+import * as i0 from "@angular/core";
+export declare class Logger implements ILogger {
+    private _name;
+    private _appender;
+    constructor(_name: string, _appender: ILoggingAppender);
+    trace(methodName: string, ...params: any[]): void;
+    debug(methodName: string, ...params: any[]): void;
+    info(methodName: string, ...params: any[]): void;
+    warn(methodName: string, ...params: any[]): void;
+    error(methodName: string, ...params: any[]): void;
+    fatal(methodName: string, ...params: any[]): void;
+    private toString;
+}
+export declare const APP_LOGGING_SERVICE: InjectionToken<ILoggingService>;
+export declare class LoggingService extends StartableService<void> implements ILoggingService, ILoggingAppender {
+    private storage;
+    protected environment: Environment;
+    _dataSubject: BehaviorSubject<Log[]>;
+    _debounceTimeMs: number;
+    _storageKey: string;
+    _maxMessages: number;
+    _saving: boolean;
+    constructor(storage: IStorage, environment: Environment);
+    configure(config: LoggingServiceConfig): Promise<void>;
+    protected ngOnStart(opts?: LoggingServiceConfig): Promise<void>;
+    getLogger(loggerName: string): ILogger;
+    append(loggerName: string, level: LogLevel, message: string): void;
+    protected storeLocally(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoggingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LoggingService>;
+}

package/src/app/shared/logging/logging-service.config.d.ts

@@ -0,0 +1,25 @@
+export interface LoggingServiceConfig {
+    localStorageAppender?: {
+        /**
+         * Key which is used to store the messages in the local storage.
+         *
+         * Default: 'log'.
+         */
+        localStorageKey: string;
+        /**
+         * Maximum number of log messages stored by the appender.
+         *
+         * Default: 250.
+         */
+        maxMessages?: number;
+        /**
+         * Threshold.
+         *
+         * Valid values are: ALL, DEBUG, ERROR, FATAL, INFO, OFF, TRACE, WARN
+         *
+         * Default: WARN.
+         */
+        threshold?: string;
+        debounceTimeMs?: number;
+    };
+}

package/src/app/shared/logging/logging-service.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ionic/angular";
+import * as i3 from "@ngx-translate/core";
+export declare class LoggingServiceModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoggingServiceModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LoggingServiceModule, never, [typeof i1.CommonModule, typeof i2.IonicModule, typeof i3.TranslateModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LoggingServiceModule>;
+}

package/src/app/shared/material/badge/badge.directive.d.ts

@@ -1,30 +1,37 @@
-import { ElementRef, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { MatBadge } from '@angular/material/badge';
+import { AfterViewInit, ElementRef, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
+import { MatBadge, MatBadgePosition } from '@angular/material/badge';
 import { AppColors } from '../../types';
 import { AriaDescriber } from '@angular/cdk/a11y';
+import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare type MatBadgeFill = 'clear' | 'solid';
-export declare class BadgeDirective extends MatBadge implements OnInit, OnDestroy {
+export declare class BadgeDirective extends MatBadge implements AfterViewInit, OnChanges, OnDestroy {
     protected el: ElementRef<HTMLElement>;
-    set appColor(value: AppColors);
-    get appColor(): AppColors;
-    set fill(value: MatBadgeFill);
-    get fill(): MatBadgeFill;
-    set matIcon(icon: string);
-    set ionIcon(icon: string);
-    set hidden(hidden: boolean);
-    get hidden(): boolean;
-    private _appColor;
-    private _fill;
-    private _matIcon;
-    private _ionIcon;
+    true: any;
+    get isOverlapHost(): boolean;
+    get isAboveHost(): boolean;
+    get isBelowHost(): boolean;
+    get isBeforeHost(): boolean;
+    get isAfterHost(): boolean;
+    get isSmallHost(): boolean;
+    get isMediumHost(): boolean;
+    get isLargeHost(): boolean;
+    get isHiddenHost(): boolean;
+    get isDisabledHost(): boolean;
+    appBadgeColor: AppColors;
+    appBadgeFill: MatBadgeFill;
+    appBadgeMatIcon: string;
+    appBadgeIcon: string;
+    appBadgeHidden: BooleanInput;
+    appBadgeOverlap: BooleanInput;
+    appBadgePosition: MatBadgePosition;
     private _html;
-    private _subscription;
-    private _$update;
     constructor(_ngZone: NgZone, el: ElementRef<HTMLElement>, _ariaDescriber: AriaDescriber, _renderer: Renderer2, _animationMode?: string | undefined);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     private updateView;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, [null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[appBadge], [appBadgeIcon], [appBadgeMatIcon]", never, { "disabled": "matBadgeDisabled"; "color": "appBadgeColor"; "size": "appBadgeSize"; "fill": "appBadgeFill"; "overlap": "appBadgeOverlap"; "hidden": "appBadgeHidden"; "appColor": "appBadgeColor"; "matIcon": "appBadgeMatIcon"; "ionIcon": "appBadgeIcon"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[appBadge], [appBadgeIcon], [appBadgeMatIcon]", never, { "disabled": "matBadgeDisabled"; "color": "appBadgeColor"; "size": "appBadgeSize"; "fill": "appBadgeFill"; "hidden": "appBadgeHidden"; "overlap": "appBadgeOverlap"; "position": "appBadgePosition"; "appBadgeColor": "appBadgeColor"; "appBadgeFill": "appBadgeFill"; "appBadgeMatIcon": "appBadgeMatIcon"; "appBadgeIcon": "appBadgeIcon"; "appBadgeHidden": "appBadgeHidden"; "appBadgeOverlap": "appBadgeOverlap"; "appBadgePosition": "appBadgePosition"; }, {}, never, never, false>;
 }

package/src/app/shared/material/badge/badge.test.d.ts

@@ -1,13 +1,21 @@
+import { ChangeDetectorRef } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { MatBadgeFill } from './badge.directive';
 import { MatBadgeSize } from '@angular/material/badge';
 import * as i0 from "@angular/core";
 export declare class MatBadgeTestPage {
+    private cd;
+    userText: string;
+    matBadgeContent: string;
     $icon: BehaviorSubject<string>;
     $size: BehaviorSubject<MatBadgeSize>;
     $fill: BehaviorSubject<MatBadgeFill>;
     $color: BehaviorSubject<string>;
     $hidden: BehaviorSubject<boolean>;
+    $overlap: BehaviorSubject<boolean>;
+    constructor(cd: ChangeDetectorRef);
+    onInputChanged(event: any): void;
+    onMatBadgeContentChanged(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatBadgeTestPage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatBadgeTestPage, "mat-badge-test", never, {}, {}, never, never, false>;
 }

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

@@ -26,10 +26,14 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private _onChangeCallback;
     private _onTouchedCallback;
     private _subscription;
+    private _controlSubscription;
     private _writing;
     private _disabling;
     private _tabindex;
     private _readonly;
+    private _formControl;
+    private _controlName;
+    private _required;
     dayControl: UntypedFormControl;
     hourControl: UntypedFormControl;
     displayPattern: string;
@@ -37,12 +41,15 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     locale: string;
     readonly dayMask: (string | RegExp)[];
     readonly hourMask: (string | RegExp)[];
-    formControl: UntypedFormControl;
-    formControlName: string;
+    set formControl(value: UntypedFormControl);
+    get formControl(): UntypedFormControl;
+    set formControlName(value: string);
+    get formControlName(): string;
+    set required(value: boolean | any);
+    get required(): boolean | any;
     placeholder: string;
     floatLabel: FloatLabelType;
     appearance: MatFormFieldAppearance;
-    required: boolean;
     mobile: boolean;
     compact: boolean;
     placeholderChar: string;
@@ -71,8 +78,11 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     openTimePicker(event?: Event | Event): void;
     focus(): void;
     clear(): void;
+    protected _setFormControlName(controlName: string): void;
+    protected _setFormControl(control: UntypedFormControl): void;
+    protected _updateControlValidators(control: UntypedFormControl, required: boolean): void;
     protected _onDatePickerChange(event: MatDatepickerInputEvent<Moment>): void;
-    onTimePickerChange(timeStr: string): void;
+    protected _onTimePickerChange(timeStr: string): void;
     protected _openDatePickerIfMobile(event?: Event, datePicker?: MatDatepicker<any>): void;
     protected _openTimePickerIfMobile(event?: Event): void;
     protected _checkIfTouched(): void;
@@ -85,6 +95,6 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private markAsDirty;
     private markForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "formControl": "formControl"; "formControlName": "formControlName"; "placeholder": "placeholder"; "floatLabel": "floatLabel"; "appearance": "appearance"; "required": "required"; "mobile": "mobile"; "compact": "compact"; "placeholderChar": "placeholderChar"; "autofocus": "autofocus"; "startDate": "startDate"; "clearable": "clearable"; "datePickerFilter": "datePickerFilter"; "readonly": "readonly"; "tabindex": "tabindex"; }, {}, never, ["mat-error", "mat-hint", "[matPrefix]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "formControl": "formControl"; "formControlName": "formControlName"; "required": "required"; "placeholder": "placeholder"; "floatLabel": "floatLabel"; "appearance": "appearance"; "mobile": "mobile"; "compact": "compact"; "placeholderChar": "placeholderChar"; "autofocus": "autofocus"; "startDate": "startDate"; "clearable": "clearable"; "datePickerFilter": "datePickerFilter"; "readonly": "readonly"; "tabindex": "tabindex"; }, {}, never, ["mat-error", "mat-hint", "[matPrefix]"], false>;
 }
 export {};

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

@@ -4,8 +4,8 @@ import { BehaviorSubject, Observable } from 'rxjs';
 import { InputElement, selectInputContent } from '../../inputs';
 import { EqualsFn, DisplayFn } from '../../form/field.model';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
-import { IonSlides } from '@ionic/angular';
 import { MatButton } from '@angular/material/button';
+import { Swiper } from 'swiper/types';
 import * as i0 from "@angular/core";
 export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, ControlValueAccessor {
     protected cd: ChangeDetectorRef;
@@ -17,14 +17,13 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     private _itemsSubscription;
     private _writing;
     private _tabindex;
-    previousDisabled: boolean;
-    nextDisabled: boolean;
-    showSlides: boolean;
-    $items: BehaviorSubject<any[]>;
-    $loaded: BehaviorSubject<boolean>;
-    slidesOptions: {
-        speed: 100;
-    };
+    private _swiper;
+    protected previousDisabled: boolean;
+    protected nextDisabled: boolean;
+    protected showSlides: boolean;
+    protected $items: BehaviorSubject<any[]>;
+    protected $loaded: BehaviorSubject<boolean>;
+    protected swiperModules: ((opts: any) => void)[];
     logPrefix: string;
     formControl: UntypedFormControl;
     formControlName: string;
@@ -49,7 +48,7 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     blurred: EventEmitter<FocusEvent>;
     focused: EventEmitter<FocusEvent>;
     fakeInput: ElementRef;
-    slides: IonSlides;
+    swiperRef: ElementRef | undefined;
     prevButton: MatButton;
     nextButton: MatButton;
     get value(): any;
@@ -74,15 +73,16 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     next(): void;
     reachStart(reached: boolean): void;
     reachEnd(reached: boolean): void;
-    slidesLoaded(): void;
+    swiperLoaded(): void;
     slideChanged(): void;
+    private lockSwipes;
     private loadItems;
     private checkIfTouched;
     private markForCheck;
     private updateSlides;
     private slideTo;
     private updateButtons;
-    getSlides(): Promise<IonSlides>;
+    getSwiper(): Promise<Swiper>;
     ready(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSwipeField, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSwipeField, "mat-swipe-field", never, { "logPrefix": "logPrefix"; "formControl": "formControl"; "formControlName": "formControlName"; "floatLabel": "floatLabel"; "appearance": "appearance"; "placeholder": "placeholder"; "debug": "debug"; "required": "required"; "mobile": "mobile"; "clearable": "clearable"; "equals": "equals"; "displayWith": "displayWith"; "displayAttributes": "displayAttributes"; "appAutofocus": "appAutofocus"; "classList": "class"; "tabindex": "tabindex"; "items": "items"; }, { "onClick": "click"; "blurred": "blur"; "focused": "focus"; }, never, never, false>;

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

@@ -1,17 +1,17 @@
 import { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class NotEmptyArrayPipe implements PipeTransform {
-    transform(val: any[]): boolean;
+    transform<T = any>(val: unknown | T[]): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotEmptyArrayPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<NotEmptyArrayPipe, "isNotEmptyArray", false>;
 }
 export declare class EmptyArrayPipe implements PipeTransform {
-    transform(val: any[]): boolean;
+    transform<T = any>(val: unknown | T[]): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<EmptyArrayPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<EmptyArrayPipe, "isEmptyArray", false>;
 }
 export declare class ArrayLengthPipe implements PipeTransform {
-    transform(val: any[], args?: {
+    transform<T = any>(val: unknown | T[], args?: {
         greaterThan?: number;
         equals?: number;
         lessThan?: number;
@@ -20,17 +20,17 @@ export declare class ArrayLengthPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<ArrayLengthPipe, "isArrayLength", false>;
 }
 export declare class ArrayFirstPipe implements PipeTransform {
-    transform<T>(val: T[]): T | undefined;
+    transform<T = any>(val: unknown | T[]): T | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayFirstPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ArrayFirstPipe, "arrayFirst", false>;
 }
 export declare class ArrayPluckPipe implements PipeTransform {
     /**
      *
-     * @param values
+     * @param val
      * @param opts property to get, or options
      */
-    transform<T>(values: T[], opts: string | string[] | {
+    transform<T = any>(val: unknown | T[], opts: string | string[] | {
         property: string | string[];
         omitNil?: boolean;
     }): any[];
@@ -38,17 +38,17 @@ export declare class ArrayPluckPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<ArrayPluckPipe, "arrayPluck", false>;
 }
 export declare class ArrayIncludesPipe implements PipeTransform {
-    transform<T>(val: T[], args: any): boolean;
+    transform<T = any>(val: unknown | T[], searchElement: T, fromIndex?: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayIncludesPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ArrayIncludesPipe, "arrayIncludes", false>;
 }
 export declare class ArrayFilterPipe implements PipeTransform {
-    transform<T>(val: T[], filterFn: (T: any) => boolean): T[];
+    transform<T = any>(val: unknown | T[], filterFn: (T: any) => boolean): T[] | null;
     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;
+    transform<T = any>(val: unknown | T[], separator: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayJoinPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ArrayJoinPipe, "arrayJoin", false>;
 }

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

@@ -1,11 +1,12 @@
 import { PipeTransform } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
+import { unitOfTime } from 'moment';
 import * as i0 from "@angular/core";
 export declare class DurationPipe implements PipeTransform {
     private translate;
     protected dayUnit: string;
     constructor(translate: TranslateService);
-    transform(value: number, args?: any): string;
+    transform(value: number, args?: unitOfTime.DurationConstructor | any): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DurationPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<DurationPipe, "duration", false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DurationPipe>;

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

@@ -16,11 +16,12 @@ import * as i14 from "./translate-context.pipe";
 import * as i15 from "./ng-init.pipe";
 import * as i16 from "./form.pipes";
 import * as i17 from "./colors.pipe";
-import * as i18 from "@angular/common";
-import * as i19 from "@ionic/angular";
-import * as i20 from "@ngx-translate/core";
+import * as i18 from "./types.pipes";
+import * as i19 from "@angular/common";
+import * as i20 from "@ionic/angular";
+import * as i21 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 i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, 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.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, 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.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, 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.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe], [typeof i19.CommonModule, typeof i20.IonicModule, typeof i21.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.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, 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, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

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

@@ -0,0 +1,18 @@
+import { PipeTransform } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class AsAnyPipe implements PipeTransform {
+    transform<T = any>(value: unknown | any): T | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AsAnyPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AsAnyPipe, "asAny", false>;
+}
+export declare class AsArrayPipe implements PipeTransform {
+    transform<T = any>(value: unknown): T[] | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AsArrayPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AsArrayPipe, "asArray", false>;
+}
+export declare class AsObservablePipe implements PipeTransform {
+    transform<T = any>(value: unknown): Observable<T> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AsObservablePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AsObservablePipe, "asObservable", false>;
+}

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

@@ -5,6 +5,7 @@ export interface IStartableService<T = any> {
     stop(): Promise<void>;
     ready(): Promise<T>;
 }
+export declare function isStartableService(data: any): data is IStartableService;
 export declare abstract class StartableService<T = any, O = any> implements IStartableService<T> {
     readonly startSubject: Subject<T>;
     readonly stopSubject: Subject<void>;

package/src/app/shared/services/translate-context.service.d.ts

@@ -4,8 +4,8 @@ import * as i0 from "@angular/core";
 export declare class TranslateContextService {
     protected translate: TranslateService;
     constructor(translate: TranslateService);
-    get(key: string, context?: string, interpolateParams?: Object): Observable<any>;
-    instant(key: string, context?: string, interpolateParams?: Object): any;
+    get(key: string | string[], context?: string, interpolateParams?: Object): Observable<any>;
+    instant(key: string | string[], context?: string, interpolateParams?: Object): any;
     /**
      * Compute contextual i18n keys, using the context as suffix.<br>
      * Suffix can be simple name (like 'aaa' - will return ['<key>.aaa']) or complexe (like 'aaa.bbb' - will return ['<key>.aaa.bbb', '<key>.aaa']

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

@@ -8,9 +8,10 @@ import * as i5 from "./toast/toast.testing.module";
 import * as i6 from "./upload-file/testing/upload-file.testing.module";
 import * as i7 from "./image/gallery/testing/gallery.testing.module";
 import * as i8 from "./audio/audio.testing.module";
+import * as i9 from "./storage/storage-explorer.module";
 export declare const SHARED_TESTING_PAGES: TestingPage[];
 export declare class SharedTestingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedTestingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedTestingModule, never, [typeof i1.CommonModule, typeof i2.IonicModule, typeof i3.TranslateModule, typeof i4.MaterialTestingModule, typeof i5.ToastTestingModule, typeof i6.UploadFileTestingModule, typeof i7.ImageGalleryTestingModule, typeof i8.AudioTestingModule], [typeof i4.MaterialTestingModule, typeof i5.ToastTestingModule, typeof i6.UploadFileTestingModule, typeof i7.ImageGalleryTestingModule, typeof i8.AudioTestingModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedTestingModule, never, [typeof i1.CommonModule, typeof i2.IonicModule, typeof i3.TranslateModule, typeof i4.MaterialTestingModule, typeof i5.ToastTestingModule, typeof i6.UploadFileTestingModule, typeof i7.ImageGalleryTestingModule, typeof i8.AudioTestingModule, typeof i9.StorageExplorerModule], [typeof i4.MaterialTestingModule, typeof i5.ToastTestingModule, typeof i6.UploadFileTestingModule, typeof i7.ImageGalleryTestingModule, typeof i8.AudioTestingModule, typeof i9.StorageExplorerModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedTestingModule>;
 }

package/src/app/shared/storage/storage-explorer.component.d.ts

@@ -0,0 +1,58 @@
+import { ChangeDetectorRef, InjectionToken, OnInit } from '@angular/core';
+import { AlertController, IonModal, Platform, ToastController } from '@ionic/angular';
+import { BehaviorSubject } from 'rxjs';
+import { IStorage } from './storage.utils';
+import { IDebugDataService } from '../debug/debug-service.class';
+import { TranslateService } from '@ngx-translate/core';
+import { Environment } from '../../../environments/environment.class';
+import { Log, LogUtils } from '../logging/logger.model';
+import { MomentDateAdapter } from '@angular/material-moment-adapter';
+import { LogLevel } from '../logging/log-level.model';
+import * as i0 from "@angular/core";
+declare type StorageItemInfo = {
+    key: string;
+    type: 'array' | 'object' | 'string' | 'number';
+    total: number;
+};
+export declare const APP_STORAGE_EXPLORER_PROTECTED_KEYS: InjectionToken<string[]>;
+export declare class StorageExplorerComponent implements OnInit {
+    protected platform: Platform;
+    protected toastController: ToastController;
+    protected alertCtrl: AlertController;
+    protected translate: TranslateService;
+    protected dateAdapter: MomentDateAdapter;
+    protected cd: ChangeDetectorRef;
+    protected readonly storage: IStorage;
+    protected readonly environment: Environment;
+    protected readonly debugDataService: IDebugDataService;
+    private readonly _protectedKeys;
+    private _logPrefix;
+    protected $loading: BehaviorSubject<boolean>;
+    protected $items: BehaviorSubject<StorageItemInfo[]>;
+    protected _logKey: string;
+    protected data: any;
+    protected logs: Log[];
+    protected key: string;
+    mobile: boolean;
+    showSendButton: boolean;
+    sendDataModal: IonModal;
+    viewDataModal: IonModal;
+    constructor(platform: Platform, toastController: ToastController, alertCtrl: AlertController, translate: TranslateService, dateAdapter: MomentDateAdapter, cd: ChangeDetectorRef, storage: IStorage, environment: Environment, debugDataService: IDebugDataService, _protectedKeys: string[]);
+    ngOnInit(): void;
+    sendDataClick(event: Event, key: string): Promise<void>;
+    viewDataClick(event: Event, key: string): Promise<void>;
+    sendData(key: string): Promise<void>;
+    downloadAsJson(key: string): Promise<void>;
+    copyToClipboard(key: string): Promise<void>;
+    protected start(): Promise<void>;
+    protected refresh(): Promise<void>;
+    protected toString(key: string, data: any, html?: boolean): string;
+    protected toLogs(data: any): Log[];
+    protected clear(key: string): Promise<void>;
+    protected trackByFn(index: number, item: StorageItemInfo): any;
+    protected levelToColor(level: LogLevel): string;
+    protected levelToString: typeof LogUtils.levelToString;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StorageExplorerComponent, [null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StorageExplorerComponent, "app-storage-explorer", never, { "mobile": "mobile"; "showSendButton": "showSendButton"; }, {}, never, never, false>;
+}
+export {};

package/src/app/shared/storage/storage-explorer.module.d.ts

@@ -0,0 +1,16 @@
+import { TestingPage } from '../testing/tests.page';
+import * as i0 from "@angular/core";
+import * as i1 from "./storage-explorer.component";
+import * as i2 from "@ionic/angular";
+import * as i3 from "@angular/common";
+import * as i4 from "@ngx-translate/core";
+import * as i5 from "@angular/router";
+import * as i6 from "@rx-angular/template/for";
+import * as i7 from "../pipes/pipes.module";
+import * as i8 from "../material/material.module";
+export declare const SHARED_STORAGE_TESTING_PAGES: TestingPage[];
+export declare class StorageExplorerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StorageExplorerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StorageExplorerModule, [typeof i1.StorageExplorerComponent], [typeof i2.IonicModule, typeof i3.CommonModule, typeof i4.TranslateModule, typeof i5.RouterModule, typeof i6.ForModule, typeof i7.SharedPipesModule, typeof i8.SharedMaterialModule], [typeof i1.StorageExplorerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StorageExplorerModule>;
+}

package/src/app/shared/{services/storage → storage}/storage.service.d.ts

@@ -1,8 +1,8 @@
 import { Storage } from '@ionic/storage-angular';
 import { IStorage } from './storage.utils';
-import { StartableService } from '../startable-service.class';
+import { StartableService } from '../services/startable-service.class';
 import { Platform } from '@ionic/angular';
-import { Environment } from '../../../../environments/environment.class';
+import { Environment } from '../../../environments/environment.class';
 import * as i0 from "@angular/core";
 export declare class StorageService extends StartableService<Storage> implements IStorage<Storage> {
     private platform;

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

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { IProgressBarService } from '../services/progress-bar.service';
 import { ActivatedRoute, Router } from '@angular/router';
-import { IonMenuToggle, IonRouterOutlet, IonSearchbar } from '@ionic/angular';
+import { IonMenuToggle, IonRouterOutlet, IonSearchbar, NavController } from '@ionic/angular';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { HammerTapEvent } from '../gesture/hammer.utils';
 import { AppColors } from '../types';
@@ -17,6 +17,7 @@ export declare abstract class ToolbarToken {
 export declare class ToolbarComponent implements ToolbarToken, OnInit, OnDestroy {
     private route;
     private router;
+    private navController;
     private routerOutlet;
     private cd;
     protected progressBarService: IProgressBarService;
@@ -47,7 +48,7 @@ export declare class ToolbarComponent implements ToolbarToken, OnInit, OnDestroy
     showSearchBar: boolean;
     searchbar: IonSearchbar;
     menuToggle: IonMenuToggle;
-    constructor(route: ActivatedRoute, router: Router, routerOutlet: IonRouterOutlet, cd: ChangeDetectorRef, progressBarService: IProgressBarService);
+    constructor(route: ActivatedRoute, router: Router, navController: NavController, routerOutlet: IonRouterOutlet, cd: ChangeDetectorRef, progressBarService: IProgressBarService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     toggleSearchBar(): Promise<void>;
@@ -57,6 +58,6 @@ export declare class ToolbarComponent implements ToolbarToken, OnInit, OnDestroy
     tapValidate(event: HammerTapEvent): void;
     protected ionSearchBarChanged(event: Event): void;
     protected markForCheck(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "app-toolbar", never, { "progressBarMode": "progressBarMode"; "title": "title"; "color": "color"; "class": "class"; "backHref": "backHref"; "defaultBackHref": "defaultBackHref"; "hasValidate": "hasValidate"; "hasClose": "hasClose"; "hasSearch": "hasSearch"; "canGoBack": "canGoBack"; "canShowMenu": "canShowMenu"; }, { "onValidate": "onValidate"; "onClose": "onClose"; "onValidateAndClose": "onValidateAndClose"; "onBackClick": "onBackClick"; "onSearch": "onSearch"; }, never, ["[slot=start]", "ion-title", "ion-buttons[slot=end]", "[slot=end]"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, [null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "app-toolbar", never, { "progressBarMode": "progressBarMode"; "title": "title"; "color": "color"; "class": "class"; "backHref": "backHref"; "defaultBackHref": "defaultBackHref"; "hasValidate": "hasValidate"; "hasClose": "hasClose"; "hasSearch": "hasSearch"; "canGoBack": "canGoBack"; "canShowMenu": "canShowMenu"; }, { "onValidate": "onValidate"; "onClose": "onClose"; "onValidateAndClose": "onValidateAndClose"; "onBackClick": "onBackClick"; "onSearch": "onSearch"; }, never, ["[slot=start]", "ion-title, ion-segment", "ion-buttons[slot=end]", "[slot=end]"], false>;
 }