@sumaris-net/ngx-components 18.7.1-beta1 → 18.7.1-rc1

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

@@ -23,11 +23,12 @@ import * as i21 from "./selection.pipes";
 import * as i22 from "./badge.pipes";
 import * as i23 from "./html.pipes";
 import * as i24 from "./display-with.pipe";
-import * as i25 from "@angular/common";
-import * as i26 from "@ionic/angular";
-import * as i27 from "@ngx-translate/core";
+import * as i25 from "./observable.pipes";
+import * as i26 from "@angular/common";
+import * as i27 from "@ionic/angular";
+import * as i28 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 i1.ValueFormatPipe, 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.ArrayLastPipe, 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 i14.IsValidDatePipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i13.StrReplacePipe, typeof i1.BooleanFormatPipe, typeof i15.TranslateContextPipe, typeof i15.TranslatablePipe, typeof i16.NgInitDirective, typeof i17.FormErrorPipe, typeof i17.FormErrorTranslatePipe, typeof i17.FormGetPipe, typeof i17.FormGetControlPipe, typeof i17.FormGetArrayPipe, typeof i17.FormGetGroupPipe, typeof i17.FormGetValuePipe, typeof i18.MatColorPipe, typeof i19.AsAnyPipe, typeof i19.AsArrayPipe, typeof i19.AsObservablePipe, typeof i19.AsFloatLabelTypePipe, typeof i20.MaskitoPlaceholderPipe, typeof i21.IsSelectedPipe, typeof i21.IsNotEmptySelectionPipe, typeof i21.IsEmptySelectionPipe, typeof i21.SelectionLengthPipe, typeof i21.IsMultipleSelectionPipe, typeof i21.IsSingleSelectionPipe, typeof i22.BadgeNumberPipe, typeof i19.AsBooleanPipe, typeof i23.SafeHtmlPipe, typeof i23.NoHtmlPipe, typeof i24.DisplayWithPipe], [typeof i25.CommonModule, typeof i26.IonicModule, typeof i27.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, 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.ArrayLastPipe, 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 i14.IsValidDatePipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i13.StrReplacePipe, typeof i1.BooleanFormatPipe, typeof i15.TranslateContextPipe, typeof i15.TranslatablePipe, typeof i16.NgInitDirective, typeof i17.FormErrorPipe, typeof i17.FormErrorTranslatePipe, typeof i17.FormGetPipe, typeof i17.FormGetControlPipe, typeof i17.FormGetArrayPipe, typeof i17.FormGetGroupPipe, typeof i17.FormGetValuePipe, typeof i18.MatColorPipe, typeof i19.AsAnyPipe, typeof i19.AsArrayPipe, typeof i19.AsObservablePipe, typeof i19.AsFloatLabelTypePipe, typeof i20.MaskitoPlaceholderPipe, typeof i21.IsSelectedPipe, typeof i21.IsNotEmptySelectionPipe, typeof i21.IsEmptySelectionPipe, typeof i21.SelectionLengthPipe, typeof i21.IsMultipleSelectionPipe, typeof i21.IsSingleSelectionPipe, typeof i22.BadgeNumberPipe, typeof i19.AsBooleanPipe, typeof i23.SafeHtmlPipe, typeof i23.NoHtmlPipe, typeof i24.DisplayWithPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, 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.ArrayLastPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i11.ArrayDistinctPipe, 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 i14.IsValidDatePipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i13.StrReplacePipe, typeof i13.TruncTextPipe, typeof i13.TruncHtmlPipe, typeof i1.BooleanFormatPipe, typeof i15.TranslateContextPipe, typeof i15.TranslatablePipe, typeof i16.NgInitDirective, typeof i17.FormErrorPipe, typeof i17.FormErrorTranslatePipe, typeof i17.FormGetPipe, typeof i17.FormGetControlPipe, typeof i17.FormGetArrayPipe, typeof i17.FormGetGroupPipe, typeof i17.FormGetValuePipe, typeof i18.MatColorPipe, typeof i19.AsAnyPipe, typeof i19.AsArrayPipe, typeof i19.AsObservablePipe, typeof i19.AsFloatLabelTypePipe, typeof i20.MaskitoPlaceholderPipe, typeof i21.IsSelectedPipe, typeof i21.IsNotEmptySelectionPipe, typeof i21.IsEmptySelectionPipe, typeof i21.SelectionLengthPipe, typeof i21.IsMultipleSelectionPipe, typeof i21.IsSingleSelectionPipe, typeof i22.BadgeNumberPipe, typeof i19.AsBooleanPipe, typeof i23.SafeHtmlPipe, typeof i23.SafeStylePipe, typeof i23.NoHtmlPipe, typeof i24.DisplayWithPipe, typeof i25.FirstTruePipe, typeof i25.FirstFalsePipe, typeof i25.FirstPipe], [typeof i26.CommonModule, typeof i27.IonicModule, typeof i28.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, 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.ArrayLastPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i11.ArrayDistinctPipe, 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 i14.IsValidDatePipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i13.StrReplacePipe, typeof i13.TruncTextPipe, typeof i13.TruncHtmlPipe, typeof i1.BooleanFormatPipe, typeof i15.TranslateContextPipe, typeof i15.TranslatablePipe, typeof i16.NgInitDirective, typeof i17.FormErrorPipe, typeof i17.FormErrorTranslatePipe, typeof i17.FormGetPipe, typeof i17.FormGetControlPipe, typeof i17.FormGetArrayPipe, typeof i17.FormGetGroupPipe, typeof i17.FormGetValuePipe, typeof i18.MatColorPipe, typeof i19.AsAnyPipe, typeof i19.AsArrayPipe, typeof i19.AsObservablePipe, typeof i19.AsFloatLabelTypePipe, typeof i20.MaskitoPlaceholderPipe, typeof i21.IsSelectedPipe, typeof i21.IsNotEmptySelectionPipe, typeof i21.IsEmptySelectionPipe, typeof i21.SelectionLengthPipe, typeof i21.IsMultipleSelectionPipe, typeof i21.IsSingleSelectionPipe, typeof i22.BadgeNumberPipe, typeof i19.AsBooleanPipe, typeof i23.SafeHtmlPipe, typeof i23.SafeStylePipe, typeof i23.NoHtmlPipe, typeof i24.DisplayWithPipe, typeof i25.FirstTruePipe, typeof i25.FirstFalsePipe, typeof i25.FirstPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

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

@@ -52,7 +52,17 @@ export declare class StrIncludesPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<StrIncludesPipe, "strIncludes", false>;
 }
 export declare class StrReplacePipe implements PipeTransform {
-    transform(input: any, pattern: any, replacement: any): any;
+    transform(input: string, searchValue: string | RegExp, replacement: string): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<StrReplacePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<StrReplacePipe, "replace", false>;
 }
+export declare class TruncTextPipe implements PipeTransform {
+    transform(input: string, size?: number, ellipsis?: boolean, ellipsisText?: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TruncTextPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TruncTextPipe, "truncText", false>;
+}
+export declare class TruncHtmlPipe implements PipeTransform {
+    transform(input: string, size?: number, ellipsis?: boolean, ellipsisText?: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TruncHtmlPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TruncHtmlPipe, "truncHtml", false>;
+}

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

@@ -0,0 +1,94 @@
+import { ToastController } from '@ionic/angular';
+import { TranslateService } from '@ngx-translate/core';
+import { StorageService } from '../storage/storage.service';
+import * as i0 from "@angular/core";
+export interface PrintOptions {
+    id?: string | number;
+    title?: string;
+    showToast?: boolean;
+    toastMessage?: string;
+    style?: string;
+}
+export declare const PRINT_LOADING_STORAGE_KEY_PREFIX = "print-loading-";
+export declare const PRINT_ID_QUERY_PARAM = "print-id";
+export declare class PrintService {
+    protected toastController: ToastController;
+    protected translate: TranslateService;
+    protected storage: StorageService;
+    protected document: Document;
+    private _printId;
+    constructor(toastController: ToastController, translate: TranslateService, storage: StorageService, document: Document);
+    nextJobId(): number;
+    /**
+     * Extracts and returns the job ID from a given URL.
+     *
+     * @param {string} [url] - The URL from which to extract the job ID. If not provided, `window.location.href` will be used.
+     * @return {number | undefined} The extracted job ID as a number, or `undefined` if the job ID is not present or invalid.
+     */
+    getJobId(url?: string): string | undefined;
+    /**
+     * Determines whether the provided URL or the current page's URL contains
+     * a specific query parameter, indicating it's a printing-related URL.
+     *
+     * @param {string} [url] - The optional URL to check. If not provided, the current page's URL is used.
+     * @param {string} [queryParam='print-id'] - The query parameter to look for, defaulting to 'print-id'.
+     * @return {boolean} Returns true if the query parameter is found in the URL; otherwise, false.
+     */
+    isPrintingUrl(url?: string, queryParam?: string): boolean;
+    printElement(element: HTMLElement, opts?: PrintOptions): Promise<number | string>;
+    printHTML(html: string, opts?: PrintOptions): Promise<number | string>;
+    /**
+     * Prints the content of a URL by rendering it in an iframe.
+     *
+     * @param {string} url The URL of the content to print. This parameter is required.
+     * @param {Omit<PrintOptions, 'style'>} [opts] Optional settings for printing, excluding the 'style' option.
+     * @return {Promise<number>} A promise that resolves to the ID of the print job.
+     */
+    printUrl(url: string, opts?: Omit<PrintOptions, 'style'>): Promise<number | string>;
+    /**
+     * Prints the content of the specified iframe element.
+     *
+     * @param {HTMLIFrameElement} iframe - The iframe element whose content needs to be printed. Must be a valid and loaded iframe element.
+     * @param {PrintOptions} [opts] - Optional parameters for the print operation, which may include options for toast messages and job configuration.
+     * @return {Promise<number>} A promise that resolves to the unique ID of the print job.
+     * @throws Will throw an error if the required 'iframe' argument is missing or invalid.
+     */
+    printIframe(iframe: HTMLIFrameElement, opts?: PrintOptions): Promise<number | string>;
+    markAsLoading(id: string | number): Promise<void>;
+    markAsLoaded(id: string | number): Promise<void>;
+    isLoaded(id: string | number): Promise<boolean>;
+    isLoading(id: string | number): Promise<boolean>;
+    protected createPrintIframeByUrl(url: string, opts?: {
+        id?: number | string;
+    }): HTMLIFrameElement;
+    protected createPrintIframeByHtml(html: string, opts?: {
+        title?: string;
+        inlineStyle?: string;
+    }): HTMLIFrameElement;
+    /**
+     * Applies the styles from the provided document, including external stylesheets and inline styles,
+     * to the specified iframe's document.
+     *
+     * @param {HTMLIFrameElement} iframe - The iframe to which the styles are applied.
+     * @return {void} Does not return a value.
+     */
+    protected applyDocumentStyleToIframe(iframe: HTMLIFrameElement): void;
+    protected waitIdle(iframe: HTMLIFrameElement, opts?: {
+        id?: number | string;
+        timeout?: number;
+    }): Promise<void>;
+    /**
+     * Triggers the print functionality of the given iframe and resolves or rejects based on the print completion or timeout.
+     *
+     * @param {HTMLIFrameElement} iframe - The iframe element to be printed.
+     * @param {{timeout?: number}} [opts] - An optional configuration object.
+     * @param {number} [opts.timeout] - The maximum time in milliseconds to wait for the print to complete before rejecting the promise.
+     * @return {Promise<void>} A promise that resolves after the print is completed or rejects if a timeout occurs.
+     */
+    protected print(iframe: HTMLIFrameElement, opts?: {
+        timeout?: number;
+    }): Promise<void>;
+    private showToast;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrintService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrintService>;
+}

package/src/app/shared/rx-state/rx-state.decorators.d.ts

@@ -1,5 +1,5 @@
-import { ProjectValueReducer } from '@rx-angular/state/lib/rx-state.service';
-export declare function enableRxStateProduction(): void;
+import { ProjectValueReducer } from '@rx-angular/state';
+export declare function enableRxStateProdMode(): void;
 export declare function RxStateRegister(): PropertyDecorator;
 export declare function RxStateProperty<T = any, K extends keyof T = any, V extends T[K] = any>(statePropertyName?: string | K, projectValueReducer?: ProjectValueReducer<T, K, V>): PropertyDecorator;
 export declare function RxStateSelect<T = any>(statePropertyName?: string | keyof T | '$', opts?: {

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

@@ -20,8 +20,7 @@ import * as i16 from "./pipes/pipes.module";
 import * as i17 from "./hotkeys/shared-hotkeys.module";
 import * as i18 from "./toolbar/toolbar.module";
 import * as i19 from "./named-filter/named-filter.module";
-import * as i20 from "./markdown/markdown.module";
-import * as i21 from "ngx-jdenticon";
+import * as i20 from "ngx-jdenticon";
 export declare function scrollFactory(overlay: Overlay): () => CloseScrollStrategy;
 export interface SharedModuleConfig {
     loader?: Provider;
@@ -29,6 +28,6 @@ export interface SharedModuleConfig {
 export declare class SharedModule {
     static forRoot(config?: SharedModuleConfig): ModuleWithProviders<SharedModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.AppFormField, typeof i2.AppLoadingSpinner, typeof i3.UploadFileComponent, typeof i4.UploadFilePopover, typeof i5.SharedTestsPage], [typeof i6.CommonModule, typeof i7.IonicModule, typeof i8.ReactiveFormsModule, typeof i9.TranslateModule, typeof i10.ColorPickerModule, typeof i11.DragDropModule, typeof i12.MarkdownModule, typeof i13.RxStateModule, typeof i14.SharedMaterialModule, typeof i15.SharedDirectivesModule, typeof i16.SharedPipesModule, typeof i17.SharedHotkeysModule, typeof i18.SharedToolbarModule, typeof i19.SharedNamedFilterModule, typeof i20.SharedMarkdownModule], [typeof i6.CommonModule, typeof i7.IonicModule, typeof i9.TranslateModule, typeof i8.ReactiveFormsModule, typeof i10.ColorPickerModule, typeof i11.DragDropModule, typeof i12.MarkdownModule, typeof i21.NgxJdenticonModule, typeof i13.RxStateModule, typeof i14.SharedMaterialModule, typeof i15.SharedDirectivesModule, typeof i16.SharedPipesModule, typeof i17.SharedHotkeysModule, typeof i18.SharedToolbarModule, typeof i19.SharedNamedFilterModule, typeof i20.SharedMarkdownModule, typeof i1.AppFormField, typeof i2.AppLoadingSpinner, typeof i3.UploadFileComponent, typeof i4.UploadFilePopover, typeof i5.SharedTestsPage]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.AppFormField, typeof i2.AppLoadingSpinner, typeof i3.UploadFileComponent, typeof i4.UploadFilePopover, typeof i5.SharedTestsPage], [typeof i6.CommonModule, typeof i7.IonicModule, typeof i8.ReactiveFormsModule, typeof i9.TranslateModule, typeof i10.ColorPickerModule, typeof i11.DragDropModule, typeof i12.MarkdownModule, typeof i13.RxStateModule, typeof i14.SharedMaterialModule, typeof i15.SharedDirectivesModule, typeof i16.SharedPipesModule, typeof i17.SharedHotkeysModule, typeof i18.SharedToolbarModule, typeof i19.SharedNamedFilterModule], [typeof i6.CommonModule, typeof i7.IonicModule, typeof i9.TranslateModule, typeof i8.ReactiveFormsModule, typeof i10.ColorPickerModule, typeof i11.DragDropModule, typeof i12.MarkdownModule, typeof i20.NgxJdenticonModule, typeof i13.RxStateModule, typeof i14.SharedMaterialModule, typeof i15.SharedDirectivesModule, typeof i16.SharedPipesModule, typeof i17.SharedHotkeysModule, typeof i18.SharedToolbarModule, typeof i19.SharedNamedFilterModule, typeof i1.AppFormField, typeof i2.AppLoadingSpinner, typeof i3.UploadFileComponent, typeof i4.UploadFilePopover, typeof i5.SharedTestsPage]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedModule>;
 }

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

@@ -3,7 +3,7 @@ import { ShowToastOptions } from './toasts';
 import * as i0 from "@angular/core";
 export declare class ToastTestingPage {
     private injector;
-    readonly defaultOptions: ShowToastOptions;
+    protected options: ShowToastOptions;
     constructor(injector: Injector);
     showToast(opts?: ShowToastOptions): Promise<import("@ionic/core").OverlayEventDetail<any>>;
     showInfo(opts?: ShowToastOptions): Promise<import("@ionic/core").OverlayEventDetail<any>>;

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

@@ -4,8 +4,9 @@ import * as i2 from "@angular/common";
 import * as i3 from "@ionic/angular";
 import * as i4 from "@ngx-translate/core";
 import * as i5 from "@angular/router";
+import * as i6 from "@angular/forms";
 export declare class ToastTestingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToastTestingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToastTestingModule, [typeof i1.ToastTestingPage], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.TranslateModule, typeof i5.RouterModule], [typeof i5.RouterModule, typeof i1.ToastTestingPage]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToastTestingModule, [typeof i1.ToastTestingPage], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.TranslateModule, typeof i5.RouterModule, typeof i6.FormsModule], [typeof i5.RouterModule, typeof i1.ToastTestingPage]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ToastTestingModule>;
 }

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

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

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

@@ -14,6 +14,7 @@ export declare abstract class ToolbarToken {
     abstract goBack(): Promise<boolean>;
     abstract canGoBack: boolean;
 }
+export declare const TOOLBAR_HEADER_ID = "app-toolbar-header";
 export declare class ToolbarComponent implements ToolbarToken, OnInit, OnDestroy {
     private route;
     private router;
@@ -32,6 +33,7 @@ export declare class ToolbarComponent implements ToolbarToken, OnInit, OnDestroy
     title: string;
     color: AppColors;
     class: string;
+    id: string;
     set backHref(value: string);
     get backHref(): string;
     set defaultBackHref(value: string);
@@ -59,7 +61,7 @@ export declare class ToolbarComponent implements ToolbarToken, OnInit, OnDestroy
     protected ionSearchBarChanged(event: Event): void;
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "app-toolbar", never, { "progressBarMode": { "alias": "progressBarMode"; "required": false; }; "title": { "alias": "title"; "required": false; }; "color": { "alias": "color"; "required": false; }; "class": { "alias": "class"; "required": false; }; "backHref": { "alias": "backHref"; "required": false; }; "defaultBackHref": { "alias": "defaultBackHref"; "required": false; }; "hasValidate": { "alias": "hasValidate"; "required": false; }; "hasClose": { "alias": "hasClose"; "required": false; }; "hasSearch": { "alias": "hasSearch"; "required": false; }; "canGoBack": { "alias": "canGoBack"; "required": false; }; "canShowMenu": { "alias": "canShowMenu"; "required": false; }; }, { "onValidate": "onValidate"; "onClose": "onClose"; "onValidateAndClose": "onValidateAndClose"; "onBackClick": "onBackClick"; "onSearch": "onSearch"; }, never, ["[slot=start]", "ion-title, ion-segment", "ion-buttons[slot=end]", "[slot=end]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "app-toolbar", never, { "progressBarMode": { "alias": "progressBarMode"; "required": false; }; "title": { "alias": "title"; "required": false; }; "color": { "alias": "color"; "required": false; }; "class": { "alias": "class"; "required": false; }; "id": { "alias": "id"; "required": false; }; "backHref": { "alias": "backHref"; "required": false; }; "defaultBackHref": { "alias": "defaultBackHref"; "required": false; }; "hasValidate": { "alias": "hasValidate"; "required": false; }; "hasClose": { "alias": "hasClose"; "required": false; }; "hasSearch": { "alias": "hasSearch"; "required": false; }; "canGoBack": { "alias": "canGoBack"; "required": false; }; "canShowMenu": { "alias": "canShowMenu"; "required": false; }; }, { "onValidate": "onValidate"; "onClose": "onClose"; "onValidateAndClose": "onValidateAndClose"; "onBackClick": "onBackClick"; "onSearch": "onSearch"; }, never, ["[slot=start]", "ion-title, ion-segment", "ion-buttons[slot=end]", "[slot=end]"], false, never>;
     static ngAcceptInputType_hasValidate: unknown;
     static ngAcceptInputType_hasClose: unknown;
     static ngAcceptInputType_hasSearch: unknown;

package/src/app/shared/validator/validators.d.ts

@@ -48,7 +48,9 @@ export declare class SharedValidators {
      * @param precision
      */
     static precision(precision: number): ValidatorFn;
-    static validDate(control: UntypedFormControl): ValidationErrors | null;
+    static validDateTime(requiredTime?: boolean): ValidatorFn;
+    static validDate: ValidatorFn;
+    static validDateAllowNoTime: ValidatorFn;
     static dateIsAfter(previousValue: Moment, errorParam: string, granularity?: unitOfTime.StartOf): ValidatorFn;
     static dateIsBefore(maxValue: Moment, errorParam: string, granularity?: unitOfTime.StartOf): ValidatorFn;
     static dateRangeEnd(startDateFieldName: string, msg?: string): ValidatorFn;

package/src/assets/i18n/en-US.json

@@ -635,7 +635,7 @@
     "FIELD_NOT_EQUALS": "Value not equals",
     "SPACE_NOT_ALLOW": "Spaces or special characters not allowed",
     "SCRYPT_ERROR": "Unable to create account keys",
-    "INVALID_OR_INCOMPLETE_FILL": "Invalid or incomplete fill",
+    "INVALID_OR_INCOMPLETE_FILL": "Incomplete or invalid entry",
     "UNKNOWN_ACCOUNT_EMAIL": "No account matches this email.",
     "BAD_PASSWORD": "Incorrect password.",
     "EMAIL_ALREADY_REGISTERED": "Email already registered",
@@ -690,7 +690,8 @@
     "SUBSCRIBE_ERROR": "Error while subscribe to changes",
     "FIELD_NOT_EXISTS": "Value doesn't exist",
     "FIREFOX_NO_STORAGE": "The application cannot run with Firefox in 'private' mode or without keeping navigation history",
-    "FEATURE_NOT_IMPLEMENTED": "Feature not implemented! <small><br/>Please contact your administrator.</small>"
+    "FEATURE_NOT_IMPLEMENTED": "Feature not implemented! <small><br/>Please contact your administrator.</small>",
+    "INCOMPATIBLE_WEB_BROWSER": "Feature not compatible with your web browser. <small><br/>Please contact your administrator, or try another web browser.</small>"
   },
   "CONFIRM": {
     "ALERT_HEADER": "Confirmation",

package/src/assets/i18n/en.json

@@ -689,7 +689,8 @@
     "SUBSCRIBE_ERROR": "Error while subscribe to changes",
     "FIELD_NOT_EXISTS": "Value doesn't exist",
     "FIREFOX_NO_STORAGE": "The application cannot run with Firefox in 'private' mode or without keeping navigation history",
-    "FEATURE_NOT_IMPLEMENTED": "Feature not implemented! <small><br/>Please contact your administrator.</small>"
+    "FEATURE_NOT_IMPLEMENTED": "Feature not implemented! <small><br/>Please contact your administrator.</small>",
+    "INCOMPATIBLE_WEB_BROWSER": "Feature not compatible with your web browser. <small><br/>Please contact your administrator, or try another web browser.</small>"
   },
   "CONFIRM": {
     "ALERT_HEADER": "Confirmation",

package/src/assets/i18n/fr.json

@@ -691,7 +691,8 @@
     "SUBSCRIBE_ERROR": "Échec de l'abonnement distant aux modifications",
     "FIELD_NOT_EXISTS": "Cette valeur n'existe pas",
     "FIREFOX_NO_STORAGE": "L'application ne peut pas fonctionner sur Firefox en mode 'navigation privée' ou si la conservation de l'historique est désactivée",
-    "FEATURE_NOT_IMPLEMENTED": "Fonctionnalité non implémentée ! <small><br/>Veuillez contacter votre administrateur.</small>"
+    "FEATURE_NOT_IMPLEMENTED": "Fonctionnalité non implémentée ! <small><br/>Veuillez contacter votre administrateur.</small>",
+    "INCOMPATIBLE_WEB_BROWSER": "Fonctionnalité non compatible avec votre navigateur Internet. <small><br/>Veuillez contacter votre administrateur, ou tester un autre navigateur.</small>"
   },
   "CONFIRM": {
     "ALERT_HEADER": "Confirmation",

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "18.6.1",
+  "version": "18.6.63",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/theme/_mixins.scss

@@ -118,11 +118,15 @@
 
   --expansion-panel-padding: var(--ion-padding);
   --expansion-panel-header-padding: var(--ion-padding);
+  --mat-expansion-container-background-color: var(--ion-background-color);
+  --mat-expansion-container-text-color: var(--ion-text-color);
 
   --mat-tab-link-height: #{$mat-tab-link-height};
   --mat-tab-bar-height: #{$mat-tab-bar-height};
 
   --mat-toolbar-height: #{$mat-toolbar-height-desktop};
+  --mat-toolbar-standard-height: #{$mat-toolbar-height-desktop};
+  --mat-toolbar-mobile-height: #{$mat-toolbar-height-mobile};
   --mat-paginator-height: mat.$paginator-height;
   --mat-option-min-height: #{$mat-option-min-height};
   --mat-option-max-height: #{$mat-option-max-height};
@@ -131,6 +135,8 @@
   --mat-toolbar-container-text-color: var(--ion-text-color);
   --mat-table-background-color: var(--ion-background-color);
 
+  --as-gutter-background-color: var(--ion-toolbar-background);
+
   --app-table-header-height: #{$app-table-header-height};
   --app-paginator-height: #{$app-paginator-height};
   --app-toolbar-height: #{$app-toolbar-height};
@@ -152,6 +158,7 @@
 
 @mixin css-variables-to-root-mobile() {
   --mat-toolbar-height: #{$mat-toolbar-height-mobile};
+  --mat-toolbar-standard-height: #{$mat-toolbar-height-mobile};
 
   // Disable form footer, in mobile
   --app-form-buttons-bar-height: 0px;

package/src/theme/_ngx-components.scss

@@ -6,7 +6,7 @@ html {
 }
 
 *::selection {
-  background: var(--ion-color-shade, rgba(0, 0, 0, 0.3));
+  background: var(--ion-color-shade, rgba(var(--ion-color-text-rgb, 0, 0, 0), 0.3));
 }
 
 // Text style
@@ -178,6 +178,7 @@ mat-option {
   .mdc-list-item__primary-text {
     display: inline-block;
     flex-grow: 1;
+    box-sizing: border-box;
   }
   .mat-option-text:not(:has(ion-row)),
   .mat-option-text:has(ion-searchbar),
@@ -188,6 +189,7 @@ mat-option {
   .mat-option-text:has(ion-row),
   .mdc-list-item__primary-text:has(ion-row) {
     padding: 0;
+    width: 100%; // Fix sumaris-app#943
   }
   mat-autocomplete-footer {
     .mat-option-text,
@@ -243,49 +245,36 @@ mat-option:not(:last-of-type) {
   &:has(.mat-select-panel-fit-content) {
     --min-width: fit-content !important;
   }
-}
 
+  &:has(.min-width-medium),
+  &:has(.mat-mdc-autocomplete-panel-medium-size) {
+    --min-width: 300px;
+  }
 
-.mat-mdc-autocomplete-panel-medium-size .mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel-medium-size.mat-mdc-autocomplete-panel,
-.min-width-medium .mat-mdc-autocomplete-panel,
-.min-width-medium.mat-mdc-autocomplete-panel,
-.min-width-medium.mat-mdc-select-panel {
-  --min-width: 300px;
-}
-.mat-mdc-autocomplete-panel-large-size .mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-panel-large-size,
-.min-width-large .mat-mdc-autocomplete-panel,
-.min-width-large.mat-mdc-autocomplete-panel,
-.min-width-large.mat-mdc-select-panel{
-  --min-width: 400px;
-}
-.mat-mdc-autocomplete-panel-xlarge-size .mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel-xlarge-size.mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel-xlarge-size.mat-mdc-select-panel {
-  --min-width: 450px;
-}
-.mat-select-panel.min-width-80vw,
-.mat-mdc-select-panel.min-width-80vw,
-.min-width-80vw .mat-mdc-autocomplete-panel,
-.min-width-80vw.mat-mdc-autocomplete-panel {
-  --min-width: 80vw;
-}
+  &:has(.min-width-large),
+  &:has(.mat-mdc-autocomplete-panel-large-size) {
+    --min-width: 400px;
+  }
 
-.mat-mdc-autocomplete-panel-center .mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel-center.mat-mdc-autocomplete-panel {
-  margin-left: calc(var(--min-width, 200px) / -2 + 50%) !important;
-}
+  &:has(.min-width-xlarge),
+  &:has(.mat-mdc-autocomplete-panel-xlarge-size) {
+    --min-width: 450px;
+  }
 
-.mat-mdc-autocomplete-panel-full-size .mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel-full-size.mat-mdc-autocomplete-panel,
-.full-size .mat-mdc-autocomplete-panel,
-.full-size.mat-mdc-autocomplete-panel,
-.cdk-overlay-pane:has(.mat-mdc-select-panel.full-size) {
-  --min-width: calc(100vw - 64px);
-  --max-width: calc(100vw - 64px);
-  position: fixed;
-  left: 32px !important;
+  &:has(.min-width-80vw) {
+    --min-width: 80vw;
+  }
+
+  &:has(.mat-mdc-autocomplete-panel-full-size),
+  &:has(.full-size) {
+    --margin-left: 32px;
+    --margin-right: 32px;
+    --min-width: calc(100vw - var(--margin-left) - var(--margin-right));
+    --max-width: calc(100vw - var(--margin-left) - var(--margin-right));
+    position: fixed;
+    left: var(--margin-left) !important;
+    right: unset !important;
+  }
 }
 
 .mat-mdc-select-panel,
@@ -646,6 +635,14 @@ mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-disabled {
     @include font-size(12px);
   }
 
+  .mat-mdc-menu-content {
+    .mat-mdc-menu-item {
+      --mat-menu-item-label-text-color: var(--ion-text-color);
+      // Required for the dark theme (otherwise the icon will be dark)
+      --mat-menu-item-icon-color: rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.54);
+    }
+  }
+
   .mat-mdc-menu-content ion-item > ion-icon[slot="start"] {
     margin-right: 16px;
     vertical-align: middle;
@@ -904,22 +901,19 @@ mat-icon.icon-secondary,
 ion-toast {
   --background:  var(--ion-color-dark);
   --color: var(--ion-color-dark-contrast);
-  --button-color: var(--ion-color-secondary);
+  --button-color: var(--color);
 
   &.secondary {
     --background: var(--ion-color-secondary);
     --color: var(--ion-color-secondary-contrast);
-    --button-color: var(--ion-color-tertiary);
   }
   &.accent {
     --background: var(--ion-color-accent);
     --color: var(--ion-color-accent-contrast);
-    --button-color: var(--ion-color-primary);
   }
   &.danger {
     --background: var(--ion-color-danger);
     --color: var(--ion-color-danger-contrast);
-    --button-color: var(--ion-color-primary);
   }
 
   /* -- workaround because toast animation failed */
@@ -939,11 +933,11 @@ ion-toast {
   }
 
   &.toast-stacked-top {
-    --toast-top: calc(var(--toast-stack-offset, 0) * var(--toast-max-height, 0));
+    --toast-top: calc(var(--toast-stack-offset, 0) * var(--toast-max-height, 0px));
     transform: translateY(var(--toast-top));
   }
   &.toast-stacked-bottom {
-    --toast-bottom: calc(-1 * var(--toast-stack-offset, 0) * var(--toast-max-height, 0)) !important;
+    --toast-bottom: calc((var(--toast-stack-offset, 0) + 1) * var(--toast-max-height, 0px));
     transform: translateY(var(--toast-bottom));
   }
 }
@@ -955,6 +949,19 @@ ion-refresher.refresher-native {
   z-index: 1000;
 }
 
+// --------------------------------------------------
+// Mat Side
+// --------------------------------------------------
+.mat-drawer-container {
+  --mat-sidenav-container-text-color: var(--ion-text-color);
+  --mat-sidenav-container-background-color: var(--ion-background-color);
+  --mat-sidenav-container-divider-color: var(--ion-border-color, rgba(0, 0, 0, 0.12));
+  --mat-sidenav-container-elevation-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
+  --mat-sidenav-content-text-color: var(--ion-text-color);
+  --mat-sidenav-content-background-color: var(--ion-background-color);
+  --mat-sidenav-scrim-color: rgba(var(--ion-backdrop-color-rgb), var(--ion-backdrop-opacity));
+}
+
 // --------------------------------------------------
 // Named filter
 // --------------------------------------------------

package/src/theme/_ngx-components.table.scss

@@ -457,7 +457,10 @@
     .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
       margin-top: -1.5rem;
       text-align: right;
-      pointer-events: none;
+
+      // Avoid subscript to be clicked, in table
+      // + use !important to avoid override when row is disabled
+      pointer-events: none !important;
 
       mat-error,
       mat-hint {

package/src/theme/_ngx-components.tabs.scss

@@ -39,6 +39,16 @@
   display: inherit;
 }
 
+// --- Avoid use selection of tab labels
+.mat-mdc-tab-label,
+.mat-mdc-tab-link {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+
 // --- Dark mode
 .dark {
   .mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
@@ -71,3 +81,4 @@
     }
   }
 }
+