@sumaris-net/ngx-components 18.15.2 → 18.16.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.15.2",
+  "version": "18.16.0",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/src/app/core/about/about.modal.d.ts

@@ -1,32 +1,44 @@
-import { InjectionToken, OnDestroy } from '@angular/core';
+import { ChangeDetectorRef, InjectionToken, OnDestroy, OnInit } from '@angular/core';
 import { ModalController } from '@ionic/angular';
 import { Department } from '../services/model/department.model';
 import { TranslateService } from '@ngx-translate/core';
 import { ConfigService } from '../services/config.service';
 import { Configuration } from '../services/model/config.model';
 import { Observable } from 'rxjs';
+import { NetworkService } from '../services/network.service';
+import { NodeInfo } from '../services/network.utils';
 import * as i0 from "@angular/core";
 export declare const APP_ABOUT_DEVELOPERS: InjectionToken<Partial<Department>[]>;
 export declare const APP_ABOUT_PARTNERS: InjectionToken<Partial<Department>[]>;
-export declare class AboutModal implements OnDestroy {
+export declare class AboutModal implements OnInit, OnDestroy {
     protected translate: TranslateService;
     protected modalController: ModalController;
     protected configService: ConfigService;
+    protected networkService: NetworkService;
+    protected cd: ChangeDetectorRef;
     protected environment: any;
     developers: Partial<Department>[];
     partners: Partial<Department>[];
-    readonly name: string;
-    readonly version: string;
-    readonly sourceUrl: string;
-    readonly config$: Observable<Configuration>;
-    reportIssueUrl: string;
-    forumUrl: string;
-    helpUrl: string;
     private readonly _subscription;
-    constructor(translate: TranslateService, modalController: ModalController, configService: ConfigService, environment: any, developers: Partial<Department>[], partners: Partial<Department>[]);
+    protected _logPrefix: string;
+    protected readonly name: string;
+    protected readonly version: string;
+    protected readonly sourceUrl: string;
+    protected readonly config$: Observable<Configuration>;
+    protected reportIssueUrl: string;
+    protected forumUrl: string;
+    protected helpUrl: string;
+    protected showVersionDetails: boolean;
+    protected nodeInfo: NodeInfo;
+    protected buildDate: string;
+    protected get allowVersionDetails(): boolean;
+    constructor(translate: TranslateService, modalController: ModalController, configService: ConfigService, networkService: NetworkService, cd: ChangeDetectorRef, environment: any, developers: Partial<Department>[], partners: Partial<Department>[]);
+    ngOnInit(): void;
     ngOnDestroy(): void;
     close(): Promise<void>;
     protected setConfig(config?: Configuration): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AboutModal, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    protected loadNodeInfo(): Promise<void>;
+    protected getNodeInfo(): Promise<NodeInfo>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AboutModal, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AboutModal, "app-about-modal", never, {}, {}, never, never, false, never>;
 }

package/src/app/core/services/local-settings.service.d.ts

@@ -18,8 +18,33 @@ export interface LocalSettingsOptions {
     options: FormFieldDefinitionMap;
 }
 export declare interface AddToPageHistoryOptions {
+    /**
+     * Represents a configuration option that determines whether query parameters
+     * should be removed from the path in a given URL or resource.
+     *
+     * When set to `true` (default), any query parameters appended to the path
+     * will be stripped or ignored during processing.
+     * When set to `false` or undefined, query parameters in the path
+     * will remain intact and be considered.
+     *
+     * Commonly used in scenarios where URL normalization or simplification is required.
+     */
     removePathQueryParams?: boolean;
+    /**
+     * A boolean flag indicating whether to remove the <small> HTML tag
+     * from the title. When set to true, any <small> tags within the title
+     * will be stripped or ignored. Defaults to undefined if not provided.
+     */
     removeTitleSmallTag?: boolean;
+    /**
+     * Specifies whether an event should be emitted or not.
+     *
+     * When set to `true`, the relevant event will be triggered.
+     * When set to `false` or omitted, no event will be emitted.
+     *
+     * Typically used to control the propagation of changes or actions
+     * to event listeners within a system or application.
+     */
     emitEvent?: boolean;
 }
 export declare const APP_LOCAL_SETTINGS: InjectionToken<Partial<LocalSettings>>;

package/src/app/core/services/network.utils.d.ts

@@ -8,6 +8,7 @@ export interface NodeInfo {
     softwareVersion: string;
     nodeLabel?: string;
     nodeName?: string;
+    buildDate?: string;
     features?: NodeFeature[];
 }
 export interface AppManifest {

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

@@ -17,8 +17,9 @@ import * as i15 from "@maskito/angular";
 import * as i16 from "@ngx-translate/core";
 import * as i17 from "../../directives/directives.module";
 import * as i18 from "ngx-mat-timepicker";
+import * as i19 from "@angular/material/autocomplete";
 export declare class SharedMatDateTimeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMatDateTimeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatDateTimeModule, [typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort], [typeof i4.CommonModule, typeof i5.IonicModule, typeof i6.ReactiveFormsModule, typeof i7.SharedPipesModule, typeof i8.MatCommonModule, typeof i9.MatFormFieldModule, typeof i10.MatInputModule, typeof i11.MatIconModule, typeof i12.MatButtonModule, typeof i13.MatDatepickerModule, typeof i14.MatMomentDateModule, typeof i15.MaskitoDirective, typeof i16.TranslateModule, typeof i17.SharedDirectivesModule, typeof i18.NgxMatTimepickerModule], [typeof i11.MatIconModule, typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatDateTimeModule, [typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort], [typeof i4.CommonModule, typeof i5.IonicModule, typeof i6.ReactiveFormsModule, typeof i7.SharedPipesModule, typeof i8.MatCommonModule, typeof i9.MatFormFieldModule, typeof i10.MatInputModule, typeof i11.MatIconModule, typeof i12.MatButtonModule, typeof i13.MatDatepickerModule, typeof i14.MatMomentDateModule, typeof i15.MaskitoDirective, typeof i16.TranslateModule, typeof i17.SharedDirectivesModule, typeof i18.NgxMatTimepickerModule, typeof i19.MatAutocompleteTrigger], [typeof i11.MatIconModule, typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatDateTimeModule>;
 }

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
 import { MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
@@ -17,6 +17,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private dateAdapter;
     private translate;
     private formBuilder;
+    private renderer;
     private cd;
     private formGroupDir;
     private _onChangeCallback;
@@ -25,6 +26,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private _controlSubscription;
     private _writing;
     private _disabling;
+    private _focused;
     private _tabindex;
     private _readonly;
     private _controlName;
@@ -44,6 +46,8 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     protected maskitoTimeOptions: MaskitoOptions;
     protected datePlaceholder: string;
     protected timePlaceholder: string;
+    protected timePickerReady: boolean;
+    logPrefix: string;
     placeholder: string;
     floatLabel: AppFloatLabelType;
     mobile: boolean;
@@ -53,6 +57,9 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     startDate: Moment | null;
     datePickerFilter: DateFilterFn<Moment>;
     allowNoTime: boolean;
+    dottedMinutesInGap: boolean;
+    timeHoursOnly: boolean;
+    debug: boolean;
     set appearance(value: MatFormFieldAppearance);
     get appearance(): MatFormFieldAppearance;
     set subscriptSizing(value: SubscriptSizing);
@@ -73,7 +80,11 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     datePicker: MatDatepicker<Moment>;
     timePicker: NgxTimePicker;
     _matInputs: QueryList<ElementRef>;
-    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
+    focused: EventEmitter<FocusEvent>;
+    blurred: EventEmitter<FocusEvent>;
+    keydownEscape: EventEmitter<Event>;
+    keyupEnter: EventEmitter<Event>;
+    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, renderer: Renderer2, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -82,17 +93,20 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     openDatePicker(event?: Event, datePicker?: MatDatepicker<any>): void;
-    openTimePicker(event?: Event): void;
+    openTimePicker(event?: Event, timePicker?: NgxTimePicker): void;
+    private fixTimePickerPosition;
     focus(): void;
     clear(event?: Event): void;
     protected _setFormControlName(controlName: string): void;
     protected _setFormControl(control: UntypedFormControl): void;
     protected _updateControlValidators(control: UntypedFormControl, required: boolean): void;
     protected _onDatePickerChange(event: MatDatepickerInputEvent<Moment>): void;
-    protected _onTimePickerChange(timeStr: string): void;
+    protected _onTimePickerChanged(timeStr: string): void;
     protected _openDatePickerIfMobile(event?: Event, datePicker?: MatDatepicker<any>): void;
     protected _openTimePickerIfMobile(event?: Event): void;
-    protected _onBlur(): void;
+    filterInputTextFocusEvent(event: FocusEvent): boolean;
+    protected filterInputTextBlurEvent(event: FocusEvent): void;
+    protected _onBlur(event: FocusEvent): void;
     protected _checkIfTouched(): void;
     protected _preventEvent(event?: Event): void;
     private updateTranslations;
@@ -105,12 +119,15 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, [null, null, null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "allowNoTime": { "alias": "allowNoTime"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, [null, null, null, null, null, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "logPrefix": { "alias": "logPrefix"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "allowNoTime": { "alias": "allowNoTime"; "required": false; }; "dottedMinutesInGap": { "alias": "dottedMinutesInGap"; "required": false; }; "timeHoursOnly": { "alias": "timeHoursOnly"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "focused": "focus"; "blurred": "blur"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_mobile: unknown;
     static ngAcceptInputType_compact: unknown;
     static ngAcceptInputType_autofocus: unknown;
     static ngAcceptInputType_clearable: unknown;
     static ngAcceptInputType_allowNoTime: unknown;
+    static ngAcceptInputType_dottedMinutesInGap: unknown;
+    static ngAcceptInputType_timeHoursOnly: unknown;
+    static ngAcceptInputType_debug: unknown;
 }
 export {};

package/src/app/shared/material/datetime/testing/mat-date-time.test.d.ts

@@ -14,6 +14,7 @@ export declare class DateTimeTestPage implements OnInit {
     memoryHide: boolean;
     memoryMobile: boolean;
     memoryTimer: Subscription;
+    tempFocus: boolean;
     form: UntypedFormGroup;
     mode: 'mobile' | 'desktop' | 'memory' | 'temp';
     appearance: MatFormFieldAppearance;

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

@@ -68,6 +68,7 @@
     "DATE_TIME_PATTERN": "MM/DD/YYYY HH:mm",
     "DATE_TIME_SECONDS_PATTERN": "MM/DD/YYYY HH:mm:ss",
     "TIME_PATTERN": "HH:mm",
+    "HOUR_PATTERN": "HH:00",
     "DATE_FILE_PATTERN": "YYYY-MM-DD",
     "DATE_SHORT_PATTERN": "DD/MM/YY",
     "DATE_MONTH_YEAR_PATTERN": "MM/YYYY",
@@ -252,7 +253,9 @@
     "USER_MANUAL": "User manual",
     "SOURCE_CODE": "Source core:",
     "DEVELOPED_BY": "Developed by:",
-    "PARTNERS": "Partners and sponsors:"
+    "PARTNERS": "Partners and sponsors:",
+    "POD_VERSION": "Pod v{{version}}",
+    "APP_VERSION": "App v{{version}}"
   },
   "HOME": {
     "WELCOME_WEB": "Welcome to the {{appName}} web site!",

package/src/assets/i18n/en.json

@@ -68,6 +68,7 @@
     "DATE_TIME_PATTERN": "DD/MM/YYYY HH:mm",
     "DATE_TIME_SECONDS_PATTERN": "DD/MM/YYYY HH:mm:ss",
     "TIME_PATTERN": "HH:mm",
+    "HOUR_PATTERN": "HH:00",
     "DATE_FILE_PATTERN": "YYYY-MM-DD",
     "DATE_SHORT_PATTERN": "DD/MM/YY",
     "DATE_MONTH_YEAR_PATTERN": "MM/YYYY",
@@ -252,7 +253,9 @@
     "USER_MANUAL": "User manual",
     "SOURCE_CODE": "Source core:",
     "DEVELOPED_BY": "Developed by:",
-    "PARTNERS": "Partners and sponsors:"
+    "PARTNERS": "Partners and sponsors:",
+    "POD_VERSION": "Pod v{{version}}",
+    "APP_VERSION": "App v{{version}}"
   },
   "HOME": {
     "WELCOME_WEB": "Welcome to the {{appName}} web site!",

package/src/assets/i18n/fr.json

@@ -68,6 +68,7 @@
     "DATE_TIME_PATTERN": "DD/MM/YYYY HH:mm",
     "DATE_TIME_SECONDS_PATTERN": "DD/MM/YYYY HH:mm:ss",
     "TIME_PATTERN": "HH:mm",
+    "HOUR_PATTERN": "HH:00",
     "DATE_FILE_PATTERN": "YYYY-MM-DD",
     "DATE_SHORT_PATTERN": "DD/MM/YY",
     "DATE_MONTH_YEAR_PATTERN": "MM/YYYY",
@@ -252,7 +253,9 @@
     "USER_MANUAL": "Manuel",
     "SOURCE_CODE": "Code source :",
     "DEVELOPED_BY": "Développé par :",
-    "PARTNERS": "Partenaires et sponsors :"
+    "PARTNERS": "Partenaires et sponsors :",
+    "POD_VERSION": "Pod v{{version}}",
+    "APP_VERSION": "App v{{version}}"
   },
   "HOME": {
     "WELCOME_WEB": "Bienvenue sur le site web {{appName}} !",

package/src/assets/manifest.json

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

package/src/environments/environment.class.d.ts

@@ -80,4 +80,5 @@ export declare class Environment {
         maxAgeInMonths: number;
         maxCount: number;
     };
+    buildDate?: string;
 }