@sumaris-net/ngx-components 18.2.20 → 18.2.22

package/package.json

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

package/src/app/core/form/form.utils.d.ts

@@ -1,5 +1,5 @@
 import { AbstractControl } from '@angular/forms';
-import { filterNumberInput, selectInputContent } from '../../shared/inputs';
+import { filterNumberInput, selectInputContent, selectInputContentFromEvent } from '../../shared/inputs';
 import { WaitForOptions } from '../../shared/observables';
 import { addValueInArray, clearValueInArray, copyEntity2Form, disableControl, disableControls, enableControl, enableControls, filterFormErrors, filterFormErrorsByPath, filterFormErrorsByPrefix, getControlFromPath, getFormErrors, getFormValueFromEntity, logFormErrors, markAllAsTouched, markAsUntouched, removeValueInArray, resizeArray, setControlEnabled, setControlsEnabled, updateValueAndValidity, waitIdle, waitWhilePending } from '../../shared/forms';
 export declare type IAppFormGetter = () => IAppForm;
@@ -215,6 +215,7 @@ export declare class AppFormUtils {
     static disableControls: typeof disableControls;
     static setControlEnabled: typeof setControlEnabled;
     static setControlsEnabled: typeof setControlsEnabled;
+    static selectInputContentFromEvent: typeof selectInputContentFromEvent;
     static selectInputContent: typeof selectInputContent;
     /**
      * @deprecated use markAllAsTouched() instead (naming was wrong)

package/src/app/shared/form/field.component.d.ts

@@ -2,7 +2,7 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnInit } from '@
 import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 import { AppFloatLabelType, DisplayFn, FormFieldDefinition, FormFieldType } from './field.model';
 import { TranslateService } from '@ngx-translate/core';
-import { filterNumberInput, selectInputContent } from '../inputs';
+import { filterNumberInput, selectInputContentFromEvent } from '../inputs';
 import { Property } from '../types';
 import { ThemePalette } from '@angular/material/core';
 import { PredefinedColors } from '@ionic/core';
@@ -54,7 +54,7 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     filterAlphanumericalInput(event: KeyboardEvent): void;
     focus(): void;
     filterNumberInput: typeof filterNumberInput;
-    selectInputContent: typeof selectInputContent;
+    selectInputContentFromEvent: typeof selectInputContentFromEvent;
     getDisplayValueFn(definition: FormFieldDefinition): DisplayFn;
     getColorContrast(color: string): string | undefined;
     /**

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

@@ -47,7 +47,7 @@ export declare class ColorScale {
     /**
      * Create an array with the given color
      **/
-    static fix(length?: number, colorName?: ColorName): any[];
+    static fix(length?: number, colorName?: ColorName): string[];
     private _min;
     private _max;
     private _rangeSize;

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

@@ -1,7 +1,8 @@
 import { ElementRef, QueryList } from '@angular/core';
 import { FocusableElement } from './focusable';
-export declare function selectInputContent(event: Event): boolean;
-export declare function selectInputRange(input: any, startIndex: number, endIndex?: number): boolean;
+export declare function selectInputContentFromEvent(event: Event): boolean;
+export declare function selectInputContent(input: HTMLInputElement | HTMLTextAreaElement | any): boolean;
+export declare function selectInputRange(input: HTMLInputElement | HTMLTextAreaElement, startIndex: number, endIndex?: number, direction?: 'backward' | 'forward' | 'none'): boolean;
 export declare function getCaretPosition(input: any): number;
 export declare function moveInputCaretToSeparator(event: KeyboardEvent, separator: string, forward?: boolean): boolean;
 export declare function filterNumberInput(event: KeyboardEvent, allowDecimals: boolean, decimalSeparator?: string): void;
@@ -16,7 +17,7 @@ export interface InputElement extends FocusableElement {
 }
 export declare function isInputElement(object: any): object is InputElement;
 export declare function asInputElement<T = any>(object: ElementRef<T>): InputElement | undefined;
-export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
+export declare function tabindexComparator(a: InputElement, b: InputElement): 1 | 0 | -1;
 export interface CanGainFocusOptions {
     minTabindex?: number;
     maxTabindex?: number;

package/src/app/shared/material/autocomplete/material.autocomplete.config.d.ts

@@ -13,6 +13,7 @@ export declare interface MatAutocompleteFieldConfig<T = any, F = any> {
     displayWithSeparator?: string;
     splitSearchText?: boolean;
     trimSearchText?: boolean;
+    clearInvalidSearchTextOnBlur?: boolean;
     equals?: EqualsFn;
     showAllOnFocus?: boolean;
     showPanelOnFocus?: boolean;
@@ -30,6 +31,19 @@ export declare interface MatAutocompleteFieldConfig<T = any, F = any> {
      * Add a delay (ms) before trying to select input content (desktop only)
      */
     selectInputContentOnFocusDelay?: number;
+    /**
+     * If true, any invalid value entered in the input field will be cleared when the input loses focus.
+     * This helps in preventing invalid data to be displayed on the field
+     */
+    clearInvalidValueOnBlur?: boolean;
+    /**
+     * Determines whether the implicit value is preview in the input text field or not (desktop only).
+     *
+     * If not specified, the default behavior is to not preview implicit values (`false`).
+     *
+     * @type {boolean}
+     */
+    previewImplicitValue?: boolean;
     /**
      * Class to apply to the `div.mat-mdc-select-panel`
      */

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

@@ -35,6 +35,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     protected _tabindex: number;
     protected _$inputItems: BehaviorSubject<any[]>;
     protected _$filteredItems: BehaviorSubject<any[]>;
+    protected _selectedItem: any;
     protected _displayValue: string;
     protected _moreItemsCount: number;
     protected _fetchMore$: EventEmitter<Event>;
@@ -63,6 +64,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     showAllOnFocus: boolean;
     showPanelOnFocus: boolean;
     reloadItemsOnFocus: boolean;
+    clearInvalidValueOnBlur: boolean;
     autofocus: boolean;
     config: MatAutocompleteFieldConfig;
     i18nPrefix: string;
@@ -85,6 +87,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     splitSearchText: boolean;
     selectInputContentOnFocus: boolean;
     selectInputContentOnFocusDelay: number;
+    previewImplicitValue: boolean;
     /**
      * @deprecated Use panelClass instead
      */
@@ -95,6 +98,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     focused: EventEmitter<FocusEvent>;
     dropButtonClick: EventEmitter<Event>;
     keydownEscape: EventEmitter<Event>;
+    keydownBackspace: EventEmitter<Event>;
     keyupEnter: EventEmitter<Event>;
     selectionChange: EventEmitter<MatAutocompleteFieldSelectChange>;
     matSelect: MatSelect;
@@ -142,6 +146,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     protected markAsLoading(): void;
     protected onSelectionChange(event: MatSelectChange): void;
     protected onOptionSelected(event: MatAutocompleteSelectedEvent): void;
+    protected toggleShowPanel(event: Event): void;
     private suggest;
     private fetchMore;
     private updateImplicitValue;
@@ -160,8 +165,10 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
      * @private
      */
     private _fixSearchbarOverlay;
+    private setInputTextValue;
+    protected onBackspace(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideRequiredMarker": { "alias": "hideRequiredMarker"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "reloadItemsOnFocus": { "alias": "reloadItemsOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "splitSearchText": { "alias": "splitSearchText"; "required": false; }; "selectInputContentOnFocus": { "alias": "selectInputContentOnFocus"; "required": false; }; "selectInputContentOnFocusDelay": { "alias": "selectInputContentOnFocusDelay"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; "selectionChange": "selectionChange"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideRequiredMarker": { "alias": "hideRequiredMarker"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "reloadItemsOnFocus": { "alias": "reloadItemsOnFocus"; "required": false; }; "clearInvalidValueOnBlur": { "alias": "clearInvalidValueOnBlur"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "splitSearchText": { "alias": "splitSearchText"; "required": false; }; "selectInputContentOnFocus": { "alias": "selectInputContentOnFocus"; "required": false; }; "selectInputContentOnFocusDelay": { "alias": "selectInputContentOnFocusDelay"; "required": false; }; "previewImplicitValue": { "alias": "previewImplicitValue"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keydownBackspace": "keydown.backspace"; "keyupEnter": "keyup.enter"; "selectionChange": "selectionChange"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_hideRequiredMarker: unknown;
     static ngAcceptInputType_mobile: unknown;
@@ -171,6 +178,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     static ngAcceptInputType_showAllOnFocus: unknown;
     static ngAcceptInputType_showPanelOnFocus: unknown;
     static ngAcceptInputType_reloadItemsOnFocus: unknown;
+    static ngAcceptInputType_clearInvalidValueOnBlur: unknown;
     static ngAcceptInputType_autofocus: unknown;
     static ngAcceptInputType_disableRipple: unknown;
     static ngAcceptInputType_multiple: unknown;
@@ -183,5 +191,6 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     static ngAcceptInputType_splitSearchText: unknown;
     static ngAcceptInputType_selectInputContentOnFocus: unknown;
     static ngAcceptInputType_selectInputContentOnFocusDelay: unknown;
+    static ngAcceptInputType_previewImplicitValue: unknown;
     static ngAcceptInputType_readonly: unknown;
 }

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

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
-import { InputElement, selectInputContent } from '../../inputs';
+import { InputElement } from '../../inputs';
 import { AppFloatLabelType, DisplayFn, EqualsFn } from '../../form/field.model';
 import { Swiper } from 'swiper/types';
 import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
@@ -23,7 +23,6 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     protected showSlides: boolean;
     protected $items: BehaviorSubject<any[]>;
     protected $loaded: BehaviorSubject<boolean>;
-    protected swiperModules: ((opts: any) => void)[];
     logPrefix: string;
     formControl: UntypedFormControl;
     formControlName: string;
@@ -55,6 +54,7 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     get value(): any;
     get disabled(): any;
     get enabled(): any;
+    protected getSwiper(): Swiper;
     constructor(cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -69,7 +69,6 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    selectInputContent: typeof selectInputContent;
     previous(): void;
     next(): void;
     reachStart(reached: boolean): void;
@@ -83,7 +82,6 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     private updateSlides;
     private slideTo;
     private updateButtons;
-    getSwiper(): Promise<Swiper>;
     ready(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSwipeField, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSwipeField, "mat-swipe-field", never, { "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "equals": { "alias": "equals"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "appAutofocus": { "alias": "appAutofocus"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onClick": "click"; "blurred": "blur"; "focused": "focus"; }, never, never, false, never>;

package/src/assets/manifest.json

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