@sumaris-net/ngx-components 18.15.2 → 18.15.3

package/package.json

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

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",

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",

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",

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.15.3",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{