@sumaris-net/ngx-components 2.4.81 → 2.4.82-rc2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.4.81",
+  "version": "2.4.82-rc2",
   "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": "^1.0.0",
-    "@rx-angular/state": "^1.7.0",
-    "@rx-angular/template": "^1.0.0",
+    "@rx-angular/cdk": "^14.0.0",
+    "@rx-angular/state": "^14.0.0",
+    "@rx-angular/template": "^14.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.12",
+    "@apollo/client": "~3.7.14",
     "@ionic/storage": "~3.0.6",
     "d3": "~7.6.1",
     "localforage": "~1.10.0",
-    "rxjs": "^6.6.7"
+    "rxjs": "^7.5.7"
   },
   "repository": {
     "type": "git",
@@ -34,8 +34,8 @@
     "url": "https://gitlab.ifremer.fr/sih-public/sumaris/ngx-sumaris-components/-/issues"
   },
   "engines": {
-    "node": ">= 14.20.0",
-    "npm": ">= 8.17.0",
+    "node": ">= 16.17.0",
+    "npm": ">= 9.1.1",
     "yarn": ">= 1.22.0"
   },
   "module": "fesm2015/sumaris-net.ngx-components.mjs",

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

@@ -1,19 +1,19 @@
-import { AfterContentChecked, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { AfterContentChecked, ChangeDetectorRef, ElementRef, EventEmitter, 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, IonSlides, Platform, PopoverController } from '@ionic/angular';
+import { AlertController, IonModal, IonPopover, 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 {
+export interface ISwiper extends Swiper {
     activeIndex: number;
     imagesLoaded: number;
 }
@@ -35,16 +35,10 @@ 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;
@@ -63,8 +57,10 @@ 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>[];
     }>>;
@@ -87,11 +83,12 @@ 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 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 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 canDeleteRows(rows: TableElement<T>[], opts?: {
         interactive?: boolean;
     }): Promise<boolean>;

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/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>;