@sumaris-net/ngx-components 2.4.82-rc7 → 2.4.82-rc8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.4.82-rc7",
+  "version": "2.4.82-rc8",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",
@@ -10,20 +10,20 @@
   },
   "dependencies": {
     "@noble/ed25519": "^1.7.1",
-    "@rx-angular/cdk": "^14.0.0",
-    "@rx-angular/state": "^14.0.0",
-    "@rx-angular/template": "^14.0.0",
+    "@rx-angular/cdk": "^1.0.0",
+    "@rx-angular/state": "^1.7.0",
+    "@rx-angular/template": "^1.0.0",
     "clone": "~2.1.2",
     "tslib": "~2.3.1"
   },
   "peerDependencies": {
     "@angular-devkit/build-angular": "~14.2.11",
     "@angular/compiler-cli": "~14.2.12",
-    "@apollo/client": "~3.7.14",
+    "@apollo/client": "~3.7.12",
     "@ionic/storage": "~3.0.6",
     "d3": "~7.6.1",
     "localforage": "~1.10.0",
-    "rxjs": "^7.5.7"
+    "rxjs": "^6.6.7"
   },
   "repository": {
     "type": "git",
@@ -34,8 +34,8 @@
     "url": "https://gitlab.ifremer.fr/sih-public/sumaris/ngx-sumaris-components/-/issues"
   },
   "engines": {
-    "node": ">= 16.17.0",
-    "npm": ">= 9.1.1",
+    "node": ">= 14.20.0",
+    "npm": ">= 8.17.0",
     "yarn": ">= 1.22.0"
   },
   "module": "fesm2015/sumaris-net.ngx-components.mjs",

package/src/app/core/form/entity/entity-editor.class.d.ts

@@ -46,6 +46,20 @@ export interface AppErrorWithDetails extends AppError {
 export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends IEntityService<T, ID> = IEntityService<T, any>, ID = number> extends AppTabEditor<T, ID, EntityServiceLoadOptions> implements OnInit, OnDestroy, AfterViewInit, IAppEntityEditor {
     protected dataType: new () => T;
     protected dataService?: S;
+    data: T;
+    defaultBackHref: string;
+    historyIcon: {
+        icon?: string;
+        matIcon?: string;
+    };
+    $title: Subject<string>;
+    onUpdateView: EventEmitter<T>;
+    protected readonly dateFormat: DateFormatService;
+    protected readonly cd: ChangeDetectorRef;
+    protected readonly settings: LocalSettingsService;
+    protected readonly environment: Environment;
+    protected readonly routerOutlet: IonRouterOutlet;
+    protected errorTranslator: FormErrorTranslator;
     private _usageMode;
     private readonly _enableListenChanges;
     private readonly _listenIntervalInSeconds;
@@ -55,20 +69,6 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
     private readonly _autoUpdateRoute;
     private _autoOpenNextTab;
     private _listenChangesSubscription;
-    protected readonly dateFormat: DateFormatService;
-    protected readonly cd: ChangeDetectorRef;
-    protected readonly settings: LocalSettingsService;
-    protected readonly environment: Environment;
-    protected readonly routerOutlet: IonRouterOutlet;
-    protected errorTranslator: FormErrorTranslator;
-    data: T;
-    defaultBackHref: string;
-    historyIcon: {
-        icon?: string;
-        matIcon?: string;
-    };
-    $title: Subject<string>;
-    onUpdateView: EventEmitter<T>;
     get usageMode(): UsageMode;
     set usageMode(value: UsageMode);
     get isOnFieldMode(): boolean;
@@ -80,12 +80,6 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     waitIdle(opts?: WaitForOptions): Promise<void>;
-    /**
-     * Load data from the snapshot route
-     *
-     * @protected
-     */
-    protected loadFromRoute(): Promise<void>;
     /**
      * Load data from id, using the dataService
      *
@@ -101,6 +95,7 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
     canUserWrite(data: T, opts?: any): boolean;
     startListenChanges(): void;
     stopListenChanges(): void;
+    ready(opts?: WaitForOptions): Promise<void>;
     updateView(data: T | null, opts?: {
         emitEvent?: boolean;
         openTabIndex?: number;
@@ -128,6 +123,7 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
     /**
      * Save the editor, by calling the dataService.save().
      * Ensure that editor if valid. If not, display an error
+     *
      * @param event
      * @param opts
      */
@@ -149,13 +145,15 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
         emitEvent?: boolean;
         detailsCssClass?: string;
     }): void;
-    protected abstract registerForms(): any;
-    protected abstract computeTitle(data: T): Promise<string>;
-    protected abstract setValue(data: T): Promise<void> | void;
-    protected abstract get form(): FormGroup;
-    protected abstract getFirstInvalidTabIndex(): number;
+    /**
+     * Load data from the snapshot route
+     *
+     * @protected
+     */
+    protected loadFromRoute(): Promise<void>;
     /**
      * Return undefined to keep same tab
+     *
      * @protected
      */
     protected computeNextTabIndex(): number | undefined;
@@ -194,6 +192,11 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
      * @protected
      */
     protected updateRoute(data: T, queryParams?: any): Promise<boolean>;
+    protected abstract registerForms(): any;
+    protected abstract computeTitle(data: T): Promise<string>;
+    protected abstract setValue(data: T): Promise<void> | void;
+    protected abstract get form(): FormGroup;
+    protected abstract getFirstInvalidTabIndex(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppEntityEditor<any, any, any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AppEntityEditor<any, any, any>, never, never, {}, {}, never, never, false>;
 }

package/src/app/core/services/account.service.d.ts

@@ -13,7 +13,6 @@ import { FormFieldDefinition } from '../../shared/form/field.model';
 import { NetworkService } from './network.service';
 import { AuthTokenType } from './network.types';
 import { FileService } from '../../shared/file/file.service';
-import { Referential } from './model/referential.model';
 import { ShowToastOptions } from '../../shared/toast/toasts';
 import { OverlayEventDetail } from '@ionic/core';
 import { ToastController } from '@ionic/angular';
@@ -86,7 +85,6 @@ export declare class AccountService extends BaseGraphqlService<Account, any, num
      */
     isUsageMode(mode: UsageMode): boolean;
     isOnlyGuest(): boolean;
-    canUserWriteDataForDepartment(recorderDepartment: Referential | any): boolean;
     register(data: RegisterData): Promise<Account>;
     authenticate(data?: AuthData): Promise<void>;
     login(data: AuthData): Promise<Account>;

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

@@ -26,6 +26,7 @@ export declare function arrayGroupBy<T = any, K extends keyof T = any, M extends
  */
 export declare function arrayDistinct<T = any>(values: T[], propertiesOrKeyFn?: string | string[] | ((obj: T) => string)): T[];
 export declare function nullIfUndefined<T>(obj: T | null | undefined): T | null;
+export declare function undefinedIfNull<T>(obj: T | null | undefined): T | undefined;
 export declare function trimEmptyToNull<T>(str: string | null | undefined): string | null;
 export declare function toBoolean(obj: boolean | null | undefined | string, defaultValue?: boolean): boolean;
 export declare function toNumber(obj: number | null | undefined, defaultValue?: number): number;

package/src/app/shared/image/gallery/image-gallery.component.d.ts

@@ -1,19 +1,19 @@
-import { AfterContentChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterContentChecked, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { BehaviorSubject, Subject, Subscription } from 'rxjs';
 import { TableDataSource, TableElement } from '@e-is/ngx-material-table';
 import { Environment } from '../../../../environments/environment.class';
 import { ImageService } from '../image.service';
 import { Image } from '../image.model';
-import { AlertController, IonModal, IonPopover, Platform, PopoverController } from '@ionic/angular';
+import { AlertController, IonModal, IonPopover, IonSlides, Platform, PopoverController } from '@ionic/angular';
 import { CollectionViewer, ListRange } from '@angular/cdk/collections';
 import { TranslateService } from '@ngx-translate/core';
 import { AppColors } from '../../types';
 import { FormGroup } from '@angular/forms';
+import { EventEmitter } from '@angular/core';
 import { PredefinedColors } from '@ionic/core';
-import { Swiper } from 'swiper/types';
 import * as i0 from "@angular/core";
 export declare type GalleryMode = 'mosaic' | 'list';
-export interface ISwiper extends Swiper {
+export interface ISwiper {
     activeIndex: number;
     imagesLoaded: number;
 }
@@ -35,10 +35,16 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
     protected _titleForm: FormGroup;
     protected _titleAutofocus: boolean;
     protected _slidesSubscription: Subscription;
-    protected swiperModules: ((opts: any) => void)[];
-    protected _swiper: Swiper;
     zoomActive: boolean;
     zoomScale: number;
+    sliderOpts: {
+        allowSlidePrev: boolean;
+        allowSlideNext: boolean;
+        zoom: boolean;
+    };
+    modalSliderOpts: {
+        zoom: boolean;
+    };
     viewChange: BehaviorSubject<ListRange>;
     cardColor: string | PredefinedColors;
     debug: boolean;
@@ -57,10 +63,8 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
     get enabled(): boolean;
     get rows(): TableElement<T>[];
     get rowCount(): number;
-    get activeIndex(): number;
     zoomModal: IonModal;
     titlePopover: IonPopover;
-    swiperRef: ElementRef;
     onBeforeDeleteRows: EventEmitter<import("../../events").PromiseEvent<boolean, {
         rows: TableElement<T>[];
     }>>;
@@ -83,12 +87,11 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
     protected getTableUnknownDataSourceError(): Error;
     protected clickRow(row: TableElement<T>, index: number): Promise<void>;
     protected activeSlideIndex: number;
-    protected getSwiper(swiperElement?: any): Swiper;
-    protected initModalSlides(swiperElement: any): Promise<void>;
-    protected zoom(swiperElement: any, zoomIn: boolean): Promise<void>;
-    protected deleteFromModal(event: any, swiperElement: any): Promise<boolean>;
-    protected slidePrev(swiperElement: any): Promise<void>;
-    protected slideNext(swiperElement: any): Promise<void>;
+    protected initModalSlides(slides: IonSlides): Promise<void>;
+    protected zoom(slides: IonSlides, zoomIn: boolean): Promise<void>;
+    protected deleteFromModal(event: any, slides: IonSlides): Promise<boolean>;
+    protected slidePrev(slides: IonSlides): Promise<void>;
+    protected slideNext(slides: IonSlides): Promise<void>;
     protected canDeleteRows(rows: TableElement<T>[], opts?: {
         interactive?: boolean;
     }): Promise<boolean>;

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

@@ -1,37 +1,30 @@
-import { AfterViewInit, ElementRef, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
-import { MatBadge, MatBadgePosition } from '@angular/material/badge';
+import { ElementRef, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { MatBadge } 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 AfterViewInit, OnChanges, OnDestroy {
+export declare class BadgeDirective extends MatBadge implements OnInit, OnDestroy {
     protected el: ElementRef<HTMLElement>;
-    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;
+    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;
     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"; "hidden": "appBadgeHidden"; "overlap": "appBadgeOverlap"; "position": "appBadgePosition"; "appBadgeColor": "appBadgeColor"; "appBadgeFill": "appBadgeFill"; "appBadgeMatIcon": "appBadgeMatIcon"; "appBadgeIcon": "appBadgeIcon"; "appBadgeHidden": "appBadgeHidden"; "appBadgeOverlap": "appBadgeOverlap"; "appBadgePosition": "appBadgePosition"; }, {}, never, never, false>;
+    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>;
 }

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

@@ -1,21 +1,13 @@
-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/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,13 +17,14 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     private _itemsSubscription;
     private _writing;
     private _tabindex;
-    private _swiper;
-    protected previousDisabled: boolean;
-    protected nextDisabled: boolean;
-    protected showSlides: boolean;
-    protected $items: BehaviorSubject<any[]>;
-    protected $loaded: BehaviorSubject<boolean>;
-    protected swiperModules: ((opts: any) => void)[];
+    previousDisabled: boolean;
+    nextDisabled: boolean;
+    showSlides: boolean;
+    $items: BehaviorSubject<any[]>;
+    $loaded: BehaviorSubject<boolean>;
+    slidesOptions: {
+        speed: 100;
+    };
     logPrefix: string;
     formControl: UntypedFormControl;
     formControlName: string;
@@ -48,7 +49,7 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     blurred: EventEmitter<FocusEvent>;
     focused: EventEmitter<FocusEvent>;
     fakeInput: ElementRef;
-    swiperRef: ElementRef | undefined;
+    slides: IonSlides;
     prevButton: MatButton;
     nextButton: MatButton;
     get value(): any;
@@ -73,16 +74,15 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     next(): void;
     reachStart(reached: boolean): void;
     reachEnd(reached: boolean): void;
-    swiperLoaded(): void;
+    slidesLoaded(): void;
     slideChanged(): void;
-    private lockSwipes;
     private loadItems;
     private checkIfTouched;
     private markForCheck;
     private updateSlides;
     private slideTo;
     private updateButtons;
-    getSwiper(): Promise<Swiper>;
+    getSlides(): Promise<IonSlides>;
     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/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/environments/environment.class.d.ts

@@ -43,7 +43,6 @@ export declare class Environment {
     defaultAuthValues?: {
         username?: string;
         password?: string;
-        token?: string;
     };
     account?: {
         showAccountButton?: boolean;