@sumaris-net/ngx-components 18.12.0 → 18.12.2

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

@@ -0,0 +1,206 @@
+import { KeysEnum, KeyValueType } from './types';
+import { RegExpUtils } from './regexps';
+export declare function isNil<T>(obj: T | null | undefined): boolean;
+export declare function isNilOrBlank<T>(obj: T | null | undefined): boolean;
+export declare function isNotNil<T>(obj: T | null | undefined): boolean;
+export declare function isNotNilOrBlank<T>(obj: T | null | undefined): boolean;
+export declare function isNotNilOrNaN<T>(obj: T | null | undefined): boolean;
+export declare function isNilOrNaN<T>(obj: T | null | undefined): boolean;
+export declare function isNotEmptyArray<T>(obj: T[] | null | undefined): boolean;
+export declare function firstArrayValue<T>(obj: T[] | null | undefined): T | undefined;
+export declare function lastArrayValue<T>(obj: T[] | null | undefined): T | undefined;
+export declare function isEmptyArray<T>(obj: T[] | null | undefined): boolean;
+export declare function arrayResize<T>(array: T[] | null | undefined, size: number, defaultValue?: T): T[];
+export declare function newArray<T>(size: number, defaultValue?: T): T[];
+export declare function isNotNilBoolean(obj: any | null | undefined): obj is boolean;
+export declare function isNotNilString(obj: any | null | undefined): obj is string;
+export declare function isNotNilObject(obj: any | null | undefined): obj is object;
+export declare function isBlankString(obj: any | null | undefined): obj is string;
+export declare function notNilOrDefault<T>(obj: T | null | undefined, defaultValue: T): T;
+export declare function arraySize<T>(obj: T[] | null | undefined): number;
+/**
+ * Remove duplicated value, in array. Will compute a unique key (from given properties, or given function).
+ * If propertiesOrKeyFn is nil or undefined, will use all object properties
+ *
+ * @param values
+ * @param propertiesOrKeyFn
+ */
+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 nullIfNilOrBlank<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 | string, defaultValue?: number): number;
+export declare function toFloat(obj: string | null | undefined, defaultValue?: number): number | null;
+export declare function toInt(obj: string | null | undefined, defaultValue?: number): number | null;
+export declare function toNotNil<T = any>(obj: T, defaultValue?: T): any | null;
+export declare function removeDuplicatesFromArray<T>(obj: T[] | null | undefined, property?: string): T[] | null | undefined;
+export declare function startsWithUpperCase(input: string, search: string): boolean;
+/**
+ * @deprecated Use Regexps.matchUpperCase instead
+ */
+export declare const matchUpperCase: typeof RegExpUtils.matchUpperCase;
+/**
+ * Remove trailing slash if any. Examples :
+ * - '/test/' -> '/test'
+ * - '/' -> undefined
+ */
+export declare function noTrailingSlash(path: string): string;
+export declare function replaceAll(value: string, searchString: any, replacement: any): string | undefined;
+export declare function escapeRegExp(value: string): string;
+export declare function removeEnd(value: string, end: string): string;
+/**
+ * Replace case change by an underscore (.e.g 'myString' becomes 'my_string')
+ *
+ * @param value
+ */
+export declare function changeCaseToUnderscore(value: string): string;
+/**
+ * Replace underscore by a change case (.e.g 'MY_STRING' becomes 'MyString')
+ *
+ * @param value
+ */
+export declare function underscoreToChangeCase(value: string): string;
+export declare function removeDiacritics(text: string): string;
+export declare function suggestFromStringArray(values: string[], searchText: any, opts?: {
+    anySearch?: boolean;
+}): string[];
+export declare function joinPropertiesPath<T = any>(obj: T, properties: string[], separator?: string): string | undefined;
+export declare function joinProperties<T = any, K extends keyof T = any>(obj: T, keys: K[], separator?: string): string | undefined;
+export declare function propertyPathComparator<T = any>(path: string | string[]): (a: T, b: T) => number;
+export declare function propertyComparator<T = any, K extends keyof T = any>(key: K, defaultValue?: any): (a: T, b: T) => number;
+export declare function propertiesPathComparator<T = any>(keys: string[], defaultValues?: any[]): (a: T, b: T) => number;
+export declare function sort<T>(array: T[], attribute?: string, opts?: Intl.CollatorOptions): T[];
+export declare function isInt(value: string): boolean;
+export declare function isNumber(value: string): boolean;
+export declare function isNumberRange(value: string): boolean;
+export declare function getPropertyByPath(obj: any, path: string | Array<string | number>, defaultValue?: any): any;
+export declare function getProperty<T = any, K extends keyof T = any>(obj: T, key: K): T[K];
+export declare function getPropertyByPathAsString(obj: any, path: string | string[], defaultValue?: string): string | undefined;
+/**
+ * Update an object's property, using a path (like '<property_1>.<sub_property_1>')
+ * @param obj
+ * @param path
+ * @param value
+ * @return the given obj
+ */
+export declare function setPropertyByPath<T = any>(obj: T, path: string | string[], value: any): T;
+export declare function sleep(ms: number): Promise<void>;
+export declare function isPromise<T>(value: T | Promise<T>): value is Promise<T>;
+/**
+ * Rounds a numeric value to two decimal places.
+ *
+ * @param {number | undefined | null} value - The value to be rounded. Can be a number, undefined, or null.
+ * @param nbDecimal the number of decimal (default: 2)
+ * @return {number} The rounded value with two decimal places if the input value is a valid number; otherwise, returns the input value.
+ */
+export declare function round(value: number | undefined | null, nbDecimal?: number): number;
+export declare function equalsOrNil(value1: any, value2: any): boolean;
+/**
+ * remove elements from an array
+ *
+ * @return the removed elements
+ * @param array the array on which elements will be removed
+ * @param predicate the selection predicate
+ */
+export declare function removeAll<T>(array: T[], predicate: (value: T) => boolean): T[];
+/**
+ * remove the first element from an array
+ *
+ * @return the removed element
+ * @param array the array on which the element will be removed
+ * @param predicate the selection predicate
+ */
+export declare function remove<T>(array: T[], predicate: (value: T) => boolean): T;
+export declare function capitalizeFirstLetter(value: string): string;
+export declare function uncapitalizeFirstLetter(value: string): string;
+export declare function booleanToString(value: any, opts?: {
+    yesLabel: string;
+    noLabel: string;
+}): string;
+export declare function splitByProperty<T, M extends KeyValueType<T> = KeyValueType<T>>(array: T[] | readonly T[], propertyName: keyof T | string): M;
+export declare function splitById<T, M extends KeyValueType<T> = KeyValueType<T>>(array: T[] | readonly T[]): M;
+/**
+ * Split an array, into a map of array, group by property
+ */
+export declare function collectByProperty<T>(values: T[], propertyName: keyof T): KeyValueType<T[]>;
+/**
+ * Split an array into chunks with fixed size
+ */
+export declare function splitArrayInChunks<T = any>(value: T[], chunkSize: number): T[][];
+/**
+ * Determines if two objects or two values are equivalent.
+ *
+ * Two objects or values are considered equivalent if at least one of the following is true:
+ *
+ * * Both objects or values pass `===` comparison.
+ * * Both objects or values are of the same type and all of their properties are equal by
+ *   comparing them with `equals`.
+ *
+ * @param o1 Object or value to compare.
+ * @param o2 Object or value to compare.
+ * @returns true if arguments are equal.
+ */
+export declare function equals(o1: any, o2: any): boolean;
+export declare class Beans {
+    /**
+     * Deep clone.
+     * See https://github.com/pvorb/clone
+     */
+    static clone: any;
+    /**
+     * Copy a source object, by including only properties of the given dataType.
+     * IMPORTANT: extra properties that are NOT in the targetClass are NOT copied.
+     *
+     * @param source The source object to copy
+     * @param dataType the class to use as target class
+     * @param keys The keys to copy. If empty, will copy only NOT optional properties from the dataType
+     */
+    static copy<T>(source: T, dataType: new () => T, keys?: KeysEnum<T>): T;
+    /**
+     * Says if an object all all properties to nil
+     */
+    static isEmpty<T>(data: T, keys?: KeysEnum<T> | string[], opts?: {
+        blankStringLikeEmpty?: boolean;
+    }): boolean;
+    static collectById<T>(array: T[]): KeyValueType<T[]>;
+    static collectByProperty: typeof collectByProperty;
+}
+export declare function findParentWithClass(elem: HTMLElement, className: string): HTMLElement;
+export declare function intersectArrays<T = any>(values: T[][]): T[];
+export declare function noHtml(value: string): string;
+/**
+ * Interpolates a string by replacing placeholders with corresponding values from the provided object.
+ *
+ * @param {string} message - The string containing placeholders enclosed in double curly braces (e.g., {{key}}).
+ * @param {Record<string, any>} interpolateParams - An object containing key-value pairs for interpolation.
+ * @return {string} The interpolated string with placeholders replaced by corresponding values, or the original string if no placeholders are matched.
+ */
+export declare function interpolateString(message: string, interpolateParams: Record<string, any>): string;
+/**
+ *
+ * Transforms a value (typically a string) to a number.
+ * Intended to be used as a transform function of an input.
+ * Should return n=undefined when for a nil input
+ * @param value Value to be transformed.
+ * @param fallbackValue Value to use if the provided value can't be parsed as a number.
+ *
+ *  @usageNotes
+ *  ```ts
+ *  @Input({ transform: numberAttribute }) id!: number;
+ *  ```
+ *
+ * @publicApi
+ */
+export declare function numberOrNilAttribute(value: unknown, fallbackValue?: number): number | undefined | null;
+/**
+ * Formats a given number according to the specified options.
+ *
+ * @param {number} val - The number to be formatted.
+ * @param {Intl.NumberFormatOptions & { fixedDecimals?: number }} [opts] - An optional object containing formatting options. It can include standard `Intl.NumberFormatOptions` properties and an additional `fixedDecimals` property to specify the number of fixed decimal places.
+ * @return {string} The formatted number as a string, based on the provided options.
+ */
+export declare function numberToString(val: number, opts?: Intl.NumberFormatOptions & {
+    fixedDecimals?: number;
+}): string;

package/src/app/shared/geolocation/geolocation.utils.d.ts

@@ -0,0 +1,19 @@
+import { PlatformService } from '../../core/services/platform.service';
+import { Platform } from '@ionic/angular';
+export declare class IPosition {
+    latitude: number;
+    longitude: number;
+}
+export declare abstract class GeolocationUtils {
+    static isNotNilAndValid(position: IPosition, opts?: {
+        debug?: boolean;
+    }): boolean;
+    static isNilOrInvalid(position: IPosition, opts?: {
+        debug?: boolean;
+    }): boolean;
+    static computeDistanceInMiles(position1: IPosition, position2: IPosition): number;
+    /**
+     * Get the position by geo loc sensor
+     */
+    static getCurrentPosition(platform: PlatformService | Platform, options?: PositionOptions): Promise<IPosition>;
+}

package/src/app/shared/gesture/gesture-config.d.ts

@@ -0,0 +1,15 @@
+import { HammerGestureConfig } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare const HAMMER_TAP_TIME = 250;
+export declare const HAMMER_PRESS_TIME = 400;
+/**
+ * @hidden
+ * This class overrides the default Angular gesture config.
+ *
+ */
+export declare class AppGestureConfig extends HammerGestureConfig {
+    overrides: any;
+    buildHammer(element: HTMLElement): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppGestureConfig, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AppGestureConfig>;
+}

package/src/app/shared/gesture/hammer.utils.d.ts

@@ -0,0 +1,16 @@
+export declare type HammerSwipeAction = 'swipeleft' | 'swiperight';
+export declare interface HammerSwipeEvent extends Event {
+    type: HammerSwipeAction;
+    pointerType?: 'touch' | any;
+    center?: {
+        x: number;
+        y: number;
+    };
+    distance?: number;
+    velocity?: number;
+    srcEvent?: Event;
+}
+export declare interface HammerTapEvent extends Event {
+    tapCount?: number;
+    srcEvent?: Event;
+}

package/src/app/shared/graph/colors.utils.d.ts

@@ -0,0 +1,17 @@
+export declare function rgbToHex(r: number, g: number, b: number): string;
+export declare function rgbArrayToHex(rgb: number[]): string;
+export declare function hexToRgbArray(hex: string): number[];
+export declare function hexToRgb(hex: string): {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function mixHex(color1: string, color2: string, weight?: number): string;
+export declare function getColorShade(color: string): string;
+export declare function getColorTint(color: string): string;
+/**
+ *
+ * @param color
+ * @param bw if true, will use black or white color, instead of the exact inverse
+ */
+export declare function getColorContrast(color: string, bw?: boolean): string;

package/src/app/shared/graph/graph-colors.d.ts

@@ -0,0 +1,63 @@
+import { PredefinedColors } from '@ionic/core';
+export declare type ColorName = PredefinedColors | 'white' | 'red' | 'green' | 'blue';
+/**
+ * Useful class for color conversion
+ */
+export declare class Color {
+    private _rgbArray;
+    private _opacity?;
+    private _name;
+    static get(name: ColorName): Color;
+    static parseRgba(rgba: string): Color | null;
+    static transparent: () => Color;
+    constructor(_rgbArray: number[], _opacity?: number, _name?: string);
+    get name(): string;
+    get opacity(): number;
+    get rgb(): number[];
+    get r(): number;
+    get g(): number;
+    get b(): number;
+    rgba(opacity?: number): string;
+}
+export declare interface ColorGradientOptions {
+    startColor?: number[];
+    mainColor?: number[];
+    mainColorIndex?: number;
+    endColor?: number[];
+}
+export declare interface ColorScaleOptions extends ColorGradientOptions {
+    opacity?: number;
+    min?: number;
+    max?: number;
+    upperMax?: boolean;
+}
+export declare interface ColorScaleLegendItem {
+    label: string | number[];
+    color: Color;
+}
+export declare interface ColorScaleLegend {
+    items: ColorScaleLegendItem[];
+}
+/**
+ * Helper class for colors scale
+ */
+export declare class ColorScale {
+    static custom: (count: number, options?: ColorScaleOptions) => ColorScale;
+    static default(): ColorScale;
+    /**
+     * Create an array with the given color
+     **/
+    static fix(length?: number, colorName?: ColorName): string[];
+    private _min;
+    private _max;
+    private _rangeSize;
+    private _legendItems;
+    get min(): number;
+    get max(): number;
+    constructor(colorArray: number[][], options?: ColorScaleOptions);
+    get legend(): ColorScaleLegend;
+    getValueColor(value: number): Color;
+    getLegendForValue(value: number): ColorScaleLegendItem;
+    getLegendAtIndex(index: number): ColorScaleLegendItem;
+    protected computeLegendItems(colorArray: number[][]): ColorScaleLegendItem[];
+}

package/src/app/shared/guard/component-dirty.guard.d.ts

@@ -0,0 +1,14 @@
+import { ActivatedRouteSnapshot, CanDeactivate, RouterStateSnapshot, UrlTree } from '@angular/router';
+import { TranslateService } from '@ngx-translate/core';
+import { AlertController } from '@ionic/angular';
+import { CanLeave } from '../../core/form/form.utils';
+import * as i0 from "@angular/core";
+export declare class ComponentDirtyGuard implements CanDeactivate<CanLeave> {
+    protected translate: TranslateService;
+    protected alertCtrl: AlertController;
+    private debug;
+    constructor(translate: TranslateService, alertCtrl: AlertController);
+    canDeactivate(component: CanLeave, currentRoute: ActivatedRouteSnapshot, currentState: RouterStateSnapshot, nextState: RouterStateSnapshot): Promise<boolean | UrlTree>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentDirtyGuard, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ComponentDirtyGuard>;
+}

package/src/app/shared/hotkeys/dialog/hotkeys-dialog.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class HotkeysDialogComponent {
+    protected data: any;
+    hotkeys: any[];
+    constructor(data: any);
+    static ɵfac: i0.ɵɵFactoryDeclaration<HotkeysDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HotkeysDialogComponent, "ng-component", never, {}, {}, never, never, false, never>;
+}

package/src/app/shared/hotkeys/hotkeys.service.d.ts

@@ -0,0 +1,48 @@
+import { InjectionToken } from '@angular/core';
+import { EventManager } from '@angular/platform-browser';
+import { Observable } from 'rxjs';
+import { ModalController, Platform, PopoverController } from '@ionic/angular';
+import { MatDialog } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+interface Options {
+    element: any;
+    elementName: string;
+    description: string | undefined;
+    keys: string;
+    preventDefault: boolean;
+}
+export interface HotKeysConfig {
+    /**
+     * Shortcut to open the hotkeys help modal
+     */
+    openHelpModalShortcut: string;
+    /**
+     * Enable the hotkeys help modal
+     */
+    enableHelpModal: boolean;
+}
+export declare const APP_HOTKEYS_CONFIG: InjectionToken<Partial<HotKeysConfig>>;
+export declare class Hotkeys {
+    private eventManager;
+    private dialog;
+    private modalController;
+    private popoverController;
+    private _debug;
+    private _id;
+    private _hotkeys;
+    private _document;
+    private _defaults;
+    private _dialogRef;
+    private _config;
+    readonly defaultControlKey: string;
+    readonly defaultControlKeyName: string;
+    get isHelpModalOpened(): boolean;
+    constructor(platform: Platform, eventManager: EventManager, dialog: MatDialog, modalController: ModalController, popoverController: PopoverController, config?: Partial<HotKeysConfig>);
+    addShortcut(options: Partial<Options>): Observable<KeyboardEvent>;
+    toggleHelpModal(): void;
+    openHelpModal(): void;
+    closeHelpModal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Hotkeys, [null, null, null, null, null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<Hotkeys>;
+}
+export {};

package/src/app/shared/hotkeys/shared-hotkeys.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dialog/hotkeys-dialog.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/core";
+import * as i4 from "@angular/material/dialog";
+import * as i5 from "@ngx-translate/core";
+export declare class SharedHotkeysModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SharedHotkeysModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedHotkeysModule, [typeof i1.HotkeysDialogComponent], [typeof i2.CommonModule, typeof i3.MatCommonModule, typeof i4.MatDialogModule, typeof i5.TranslateModule], [typeof i1.HotkeysDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SharedHotkeysModule>;
+}

package/src/app/shared/http/http.utils.d.ts

@@ -0,0 +1,28 @@
+import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
+export declare class HttpUtils {
+    static getText(http: HttpClient, uri: string, opts?: {
+        nocache?: boolean;
+        headers?: HttpHeaders | {
+            [header: string]: string | string[];
+        };
+        params?: HttpParams | {
+            [param: string]: string | string[];
+        };
+        reportProgress?: boolean;
+        responseType?: 'text';
+        withCredentials?: boolean;
+    }): Promise<string>;
+    static getJson<T>(http: HttpClient, uri: string, opts?: {
+        nocache?: boolean;
+        timeout?: number;
+        headers?: HttpHeaders | {
+            [header: string]: string | string[];
+        };
+        params?: HttpParams | {
+            [param: string]: string | string[];
+        };
+        reportProgress?: boolean;
+        responseType?: 'json';
+        withCredentials?: boolean;
+    }): Promise<T>;
+}

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

@@ -0,0 +1,137 @@
+import { AfterContentChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } 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, ImageSize } from '../image.model';
+import { AlertController, IonModal, IonPopover, Platform } 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 { PredefinedColors } from '@ionic/core';
+import { Swiper } from 'swiper/types';
+import { ImageOptions } from '@capacitor/camera';
+import * as i0 from "@angular/core";
+export declare type GalleryMode = 'mosaic' | 'list';
+export interface ISwiper extends Swiper {
+    activeIndex: number;
+    imagesLoaded: number;
+}
+export interface ImageGallerySizes {
+    mosaic: ImageSize | string;
+    list: ImageSize | string;
+    modal: ImageSize | string;
+}
+export declare class AppImageGalleryComponent<T extends Image> implements OnInit, OnDestroy, CollectionViewer, AfterContentChecked {
+    protected imageService: ImageService;
+    protected platform: Platform;
+    protected alterCtrl: AlertController;
+    protected translate: TranslateService;
+    protected cd: ChangeDetectorRef;
+    protected _destroySubject: Subject<void>;
+    protected _renderChangeSubscription: Subscription;
+    protected _subscription: Subscription;
+    protected _dataSource: TableDataSource<T>;
+    protected _data$: BehaviorSubject<readonly TableElement<T>[] | TableElement<T>[]>;
+    protected _colSize: number;
+    protected _selectedRowIndex: number;
+    protected _presentingElement: Element;
+    protected _titleForm: FormGroup;
+    protected _titleAutofocus: boolean;
+    protected _slidesSubscription: Subscription;
+    protected _swiper: Swiper;
+    protected swiperModules: ((opts: any) => void)[];
+    protected zoomActive: boolean;
+    protected zoomScale: number;
+    viewChange: BehaviorSubject<ListRange>;
+    cardColor: string | PredefinedColors;
+    debug: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    mobile: boolean;
+    mode: GalleryMode;
+    confirmBeforeDelete: boolean;
+    showToolbar: boolean;
+    showFabButton: boolean;
+    showTitle: boolean;
+    showAddToolbarButton: boolean;
+    showAddTextButton: boolean;
+    showAddCardButton: boolean;
+    showCardToolbar: boolean;
+    addButtonColor: AppColors;
+    addButtonText: string;
+    cardTemplate: TemplateRef<{
+        $implicit: TableElement<T>;
+        image: T;
+        mode: GalleryMode;
+    }>;
+    imageSizes: ImageGallerySizes;
+    imageSizeQueryParam: string;
+    set dataSource(dataSource: TableDataSource<T, any, any, any>);
+    get dataSource(): TableDataSource<T, any, any, any>;
+    get enabled(): boolean;
+    get rows(): TableElement<T>[] | ReadonlyArray<TableElement<T>>;
+    get rowCount(): number;
+    get activeIndex(): number;
+    zoomModal: IonModal;
+    titlePopover: IonPopover;
+    swiperRef: ElementRef;
+    onBeforeDeleteRows: EventEmitter<import("../../events").PromiseEvent<boolean, {
+        rows: TableElement<T>[];
+    }>>;
+    onAfterAddRows: EventEmitter<TableElement<T>[]>;
+    onAfterEditRow: EventEmitter<TableElement<T>>;
+    click: EventEmitter<T>;
+    constructor(imageService: ImageService, platform: Platform, alterCtrl: AlertController, translate: TranslateService, cd: ChangeDetectorRef, environment?: Environment);
+    ngOnInit(): void;
+    ngAfterContentChecked(): void;
+    ngOnDestroy(): void;
+    add(event?: Event, opts?: {
+        maxHeight?: number;
+        mawWidth?: number;
+        quality?: number;
+        multiple?: boolean;
+        autoHideDropArea?: boolean;
+    } & Omit<ImageOptions, 'resultType'>): Promise<void>;
+    delete(event: Event, row: TableElement<T>, opts?: {
+        interactive?: boolean;
+    }): Promise<boolean>;
+    toggleViewMode(_?: Event): void;
+    trackByFn(index: number, row: TableElement<T>): number;
+    editTitle(event: MouseEvent, row: TableElement<T>, cardToolbar: any): Promise<void>;
+    protected focusCardToolbar(cardToolbar: any): void;
+    protected hideCardToolbar(cardToolbar: any): void;
+    protected _switchDataSource(dataSource: TableDataSource<T>): void;
+    protected _observeRenderChanges(): void;
+    protected getTableUnknownDataSourceError(): Error;
+    protected clickRow(row: TableElement<T>, index: number): Promise<void>;
+    protected activeSlideIndex: number;
+    protected getSwiper(swiperElement?: any): Swiper;
+    protected onSlideChange(swiperElement: any): void;
+    protected initModalSlides(swiperElement: any): 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>;
+    protected getImageSizeQueryParams(mode?: GalleryMode | 'modal'): {
+        [key: string]: any;
+    };
+    protected markForCheck(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppImageGalleryComponent<any>, [null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppImageGalleryComponent<any>, "app-image-gallery", never, { "cardColor": { "alias": "cardColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "confirmBeforeDelete": { "alias": "confirmBeforeDelete"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "showFabButton": { "alias": "showFabButton"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "showAddToolbarButton": { "alias": "showAddToolbarButton"; "required": false; }; "showAddTextButton": { "alias": "showAddTextButton"; "required": false; }; "showAddCardButton": { "alias": "showAddCardButton"; "required": false; }; "showCardToolbar": { "alias": "showCardToolbar"; "required": false; }; "addButtonColor": { "alias": "addButtonColor"; "required": false; }; "addButtonText": { "alias": "addButtonText"; "required": false; }; "cardTemplate": { "alias": "cardTemplate"; "required": false; }; "imageSizes": { "alias": "imageSizes"; "required": false; }; "imageSizeQueryParam": { "alias": "imageSizeQueryParam"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; }, { "onBeforeDeleteRows": "onBeforeDeleteRows"; "onAfterAddRows": "onAfterAddRows"; "onAfterEditRow": "onAfterEditRow"; "click": "click"; }, never, ["ion-buttons[slot=start]", "ion-buttons[slot=end]"], false, never>;
+    static ngAcceptInputType_debug: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readOnly: unknown;
+    static ngAcceptInputType_mobile: unknown;
+    static ngAcceptInputType_showToolbar: unknown;
+    static ngAcceptInputType_showFabButton: unknown;
+    static ngAcceptInputType_showTitle: unknown;
+    static ngAcceptInputType_showAddToolbarButton: unknown;
+    static ngAcceptInputType_showAddTextButton: unknown;
+    static ngAcceptInputType_showAddCardButton: unknown;
+    static ngAcceptInputType_showCardToolbar: unknown;
+}

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

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./image-gallery.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@ionic/angular";
+import * as i4 from "@angular/forms";
+import * as i5 from "../../material/material.module";
+import * as i6 from "../../pipes/pipes.module";
+import * as i7 from "../../directives/directives.module";
+import * as i8 from "@ngx-translate/core";
+import * as i9 from "../../rx-state/rx-state.module";
+export declare class ImageGalleryModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageGalleryModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageGalleryModule, [typeof i1.AppImageGalleryComponent], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedMaterialModule, typeof i6.SharedPipesModule, typeof i7.SharedDirectivesModule, typeof i8.TranslateModule, typeof i9.RxStateModule], [typeof i3.IonicModule, typeof i8.TranslateModule, typeof i1.AppImageGalleryComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ImageGalleryModule>;
+}

package/src/app/shared/image/gallery/testing/gallegry.model.testing.d.ts

@@ -0,0 +1,12 @@
+import { Entity } from '../../../../core/services/model/entity.model';
+import { EntityFilter } from '../../../../core/services/model/filter.model';
+import { Image } from '../../image.model';
+export declare class ImageAttachment extends Entity<ImageAttachment> implements Image {
+    static fromObject: (source: any, opts?: any) => ImageAttachment;
+    dataUrl: string;
+    url: string;
+    fromObject(source: any, opts?: any): void;
+}
+export declare class ImageAttachmentFilter extends EntityFilter<ImageAttachmentFilter, ImageAttachment> {
+    static fromObject: (source: any, opts?: any) => ImageAttachmentFilter;
+}

package/src/app/shared/image/gallery/testing/gallery.service.testing.d.ts

@@ -0,0 +1,33 @@
+import { SortDirection } from '@angular/material/sort';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { StartableService } from '../../../services/startable-service.class';
+import { EntitiesServiceWatchOptions, IEntitiesService, LoadResult } from '../../../services/entity-service.class';
+import { Platform } from '@ionic/angular';
+import { Entity } from '../../../../core/services/model/entity.model';
+import { Image } from '../../image.model';
+import { EntityFilter } from '../../../../core/services/model/filter.model';
+import * as i0 from "@angular/core";
+export declare class ImageAttachment extends Entity<ImageAttachment> implements Image {
+    static fromObject: (source: any, opts?: any) => ImageAttachment;
+    dataUrl: string;
+    url: string;
+    title: string;
+    fromObject(source: any, opts?: any): void;
+}
+export declare class ImageAttachmentFilter extends EntityFilter<ImageAttachmentFilter, ImageAttachment> {
+    static fromObject: (source: any, opts?: any) => ImageAttachmentFilter;
+}
+export declare class ImageAttachmentService extends StartableService implements IEntitiesService<ImageAttachment, ImageAttachmentFilter> {
+    protected platform: Platform;
+    $images: BehaviorSubject<Partial<ImageAttachment>[]>;
+    constructor(platform: Platform);
+    protected ngOnStart(): Promise<any>;
+    watchAll(offset: number, size: number, sortBy?: string, sortDirection?: SortDirection, filter?: ImageAttachmentFilter, opts?: EntitiesServiceWatchOptions & {
+        query?: any;
+    }): Observable<LoadResult<ImageAttachment>>;
+    saveAll(entities: ImageAttachment[]): Promise<any[]>;
+    deleteAll(entities: ImageAttachment[]): Promise<any>;
+    asFilter(filter: any): ImageAttachmentFilter;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageAttachmentService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ImageAttachmentService>;
+}