@sumaris-net/ngx-components 1.6.2 → 1.6.6

package/package.json

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

package/src/app/core/auth/modal/modal-auth.d.ts

@@ -1,14 +1,21 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, OnInit } from '@angular/core';
 import { ModalController } from '@ionic/angular';
 import { AccountService } from '../../services/account.service';
-export declare class AuthModal {
+export declare class AuthModal implements OnInit {
     private accountService;
     private viewCtrl;
-    private changeDetectorRef;
-    loading: boolean;
+    private cd;
+    get loading(): boolean;
     private form;
-    constructor(accountService: AccountService, viewCtrl: ModalController, changeDetectorRef: ChangeDetectorRef);
+    constructor(accountService: AccountService, viewCtrl: ModalController, cd: ChangeDetectorRef);
+    ngOnInit(): void;
     cancel(): void;
     doSubmit(): Promise<any>;
     protected markForCheck(): void;
+    protected markAsLoading(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    protected markAsLoaded(opts?: {
+        emitEvent?: boolean;
+    }): void;
 }

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

@@ -2,7 +2,8 @@ import { ObjectMap, Property } from '../types';
 import { InjectionToken } from '@angular/core';
 import { MatAutocompleteFieldAddOptions } from '../material/autocomplete/material.autocomplete';
 export declare type DisplayFn = (obj: any) => string;
-export declare type CompareWithFn = (o1: any, o2: any) => boolean;
+export declare type EqualsFn = (o1: any, o2: any) => boolean;
+export declare type CompareFn = (o1: any, o2: any) => number;
 export declare type FormFieldType = 'integer' | 'double' | 'boolean' | 'string' | 'enum' | 'color' | 'peer' | 'entity' | 'entities' | 'date' | 'dateTime';
 export declare interface FormFieldDefinition<T = any> {
     key: string;

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

@@ -3,7 +3,7 @@ import { ControlValueAccessor, FormControl, FormGroupDirective } from '@angular/
 import { BehaviorSubject, Observable } from 'rxjs';
 import { LoadResult, SuggestFn, SuggestService } from '../../services/entity-service.class';
 import { InputElement } from '../../inputs';
-import { CompareWithFn, DisplayFn } from '../../form/field.model';
+import { DisplayFn, EqualsFn } from '../../form/field.model';
 import { FloatLabelType } from '@angular/material/form-field';
 import { MatSelect } from '@angular/material/select';
 import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
@@ -15,7 +15,7 @@ export declare interface MatAutocompleteFieldConfig<T = any, F = any> {
     columnSizes?: (number | 'auto' | undefined)[];
     columnNames?: (string | undefined)[];
     displayWith?: DisplayFn;
-    compareWith?: CompareWithFn;
+    equals?: EqualsFn;
     showAllOnFocus?: boolean;
     showPanelOnFocus?: boolean;
     class?: string;
@@ -39,31 +39,12 @@ export declare class MatAutocompleteConfigHolder {
     add<T = any, F = any>(fieldName: string, options?: MatAutocompleteFieldAddOptions<T, F>): MatAutocompleteFieldConfig<T, F>;
     get<T = any>(fieldName: string): MatAutocompleteFieldConfig<T>;
 }
-export declare class MatAutocompleteField implements OnInit, InputElement, OnDestroy, ControlValueAccessor {
+export declare class MatAutocompleteField implements OnInit, OnDestroy, InputElement, ControlValueAccessor {
     protected cd: ChangeDetectorRef;
     private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
-    private _onFetchMoreCallback;
-    private _implicitValue;
-    private _subscription;
-    private _itemsSubscription;
-    private _openedSubscription;
-    private _filter$;
-    private _itemCount;
-    private _reload$;
-    _readonly: boolean;
-    _tabindex: number;
-    matSelectItems$: Observable<any[]>;
-    $inputItems: BehaviorSubject<any[]>;
-    $filteredItems: BehaviorSubject<any[]>;
-    searchable: boolean;
-    displayValue: string;
-    _moreItemsCount: number;
-    _fetchMore$: EventEmitter<Event>;
-    get itemCount(): number;
-    get canFetchMore(): boolean;
-    compareWith: (o1: any, o2: any) => boolean;
+    equals: EqualsFn;
     logPrefix: string;
     formControl: FormControl;
     formControlName: string;
@@ -93,7 +74,37 @@ export declare class MatAutocompleteField implements OnInit, InputElement, OnDes
     fetchMoreThreshold: string;
     suggestLengthThreshold: number;
     showLoadingSpinner: boolean;
-    animationsDisabled: boolean;
+    debug: boolean;
+    clicked: EventEmitter<MouseEvent>;
+    blurred: EventEmitter<FocusEvent>;
+    focused: EventEmitter<FocusEvent>;
+    dropButtonClick: EventEmitter<UIEvent>;
+    keydownEscape: EventEmitter<any>;
+    keyupEnter: EventEmitter<any>;
+    matSelect: MatSelect;
+    matInputText: ElementRef;
+    autocomplete: MatAutocomplete;
+    autocompleteTrigger: MatAutocompleteTrigger;
+    _readonly: boolean;
+    _tabindex: number;
+    matSelectItems$: Observable<any[]>;
+    $inputItems: BehaviorSubject<any[]>;
+    $filteredItems: BehaviorSubject<any[]>;
+    searchable: boolean;
+    displayValue: string;
+    _moreItemsCount: number;
+    _fetchMore$: EventEmitter<Event>;
+    private _onFetchMoreCallback;
+    private _implicitValue;
+    private _subscription;
+    private _itemsSubscription;
+    private _openedSubscription;
+    private _$filter;
+    private _itemCount;
+    private _reload$;
+    constructor(cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
+    get itemCount(): number;
+    get canFetchMore(): boolean;
     set filter(value: any);
     get filter(): any;
     set readonly(value: boolean);
@@ -102,20 +113,10 @@ export declare class MatAutocompleteField implements OnInit, InputElement, OnDes
     get tabindex(): number;
     set items(value: Observable<any[]> | any[]);
     get items(): Observable<any[]> | any[];
-    onClick: EventEmitter<MouseEvent>;
-    onBlur: EventEmitter<FocusEvent>;
-    onFocus: EventEmitter<FocusEvent>;
-    onDropButtonClick: EventEmitter<UIEvent>;
-    onKeydownEscape: EventEmitter<any>;
-    onKeyupEnter: EventEmitter<any>;
-    matSelect: MatSelect;
-    matInputText: ElementRef;
-    matAutocomplete: MatAutocomplete;
-    matAutocompleteTrigger: MatAutocompleteTrigger;
     get value(): any;
-    get disabled(): any;
-    get enabled(): any;
-    constructor(cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
+    get disabled(): boolean;
+    get enabled(): boolean;
+    get loading(): boolean;
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**
@@ -127,7 +128,7 @@ export declare class MatAutocompleteField implements OnInit, InputElement, OnDes
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     focus(): void;
-    filterInputTextFocusInEvent(event: FocusEvent): boolean;
+    filterInputTextFocusEvent(event: FocusEvent): boolean;
     filterInputTextBlurEvent(event: FocusEvent): boolean;
     filterMatSelectFocusEvent(event: FocusEvent): void;
     filterMatSelectBlurEvent(event: FocusEvent): boolean;

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

@@ -2,7 +2,6 @@
 import { OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { MatAutocompleteConfigHolder } from '../material.autocomplete';
-import { BehaviorSubject } from 'rxjs';
 import { LoadResult } from '../../../services/entity-service.class';
 import Timer = NodeJS.Timer;
 declare class EntityTestClass {
@@ -12,8 +11,8 @@ declare class EntityTestClass {
 }
 export declare class AutocompleteTestPage implements OnInit {
     protected formBuilder: FormBuilder;
-    _items: EntityTestClass[];
-    $items: BehaviorSubject<EntityTestClass[]>;
+    private _items;
+    private _$items;
     form: FormGroup;
     autocompleteFields: MatAutocompleteConfigHolder;
     memoryHide: boolean;
@@ -26,9 +25,9 @@ export declare class AutocompleteTestPage implements OnInit {
     loadData(): Promise<void>;
     loadItems(): Promise<void>;
     entityToString(item: any): string;
-    suggest(value: any, filter?: any): Promise<LoadResult<any>>;
+    suggest(value: any, filter?: any): Promise<LoadResult<EntityTestClass>>;
     doSubmit(event: any): void;
-    compareWithFn(o1: EntityTestClass, o2: EntityTestClass): boolean;
+    equals(o1: EntityTestClass, o2: EntityTestClass): boolean;
     toggleMode(value: any): void;
     startMemoryTimer(): void;
     stopMemoryTimer(): void;

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

@@ -2,18 +2,19 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '
 import { ControlValueAccessor, FormControl, FormGroupDirective } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { FloatLabelType } from '@angular/material/form-field';
-import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { InputElement } from '../../inputs';
 import { SuggestFn } from '../../services/entity-service.class';
-import { DisplayFn } from '../../form/field.model';
+import { DisplayFn, EqualsFn } from '../../form/field.model';
 import { MatAutocompleteFieldConfig } from '../autocomplete/material.autocomplete';
-import { getPropertyByPath } from '../../functions';
-export declare class MatChipsField implements InputElement, ControlValueAccessor, OnInit, OnDestroy {
+import { PredefinedColors } from '@ionic/core';
+import { ThemePalette } from '@angular/material/core/common-behaviors/color';
+export declare class MatChipsField implements OnInit, OnDestroy, InputElement, ControlValueAccessor {
     protected cd: ChangeDetectorRef;
     private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
-    compareWith: (o1: any, o2: any) => boolean;
+    equals: EqualsFn;
     logPrefix: string;
     formControl: FormControl;
     formControlName: string;
@@ -32,37 +33,55 @@ export declare class MatChipsField implements InputElement, ControlValueAccessor
     highlightAccent: boolean;
     showAllOnFocus: boolean;
     showPanelOnFocus: boolean;
-    appAutofocus: boolean;
+    autofocus: boolean;
     config: MatAutocompleteFieldConfig;
     i18nPrefix: string;
     noResultMessage: string;
-    class: string;
+    classList: string;
+    panelWidth: string;
+    matAutocompletePosition: 'auto' | 'above' | 'below';
+    itemSize: string;
+    fetchMoreThreshold: string;
+    suggestLengthThreshold: number;
+    showLoadingSpinner: boolean;
+    chipColor: ThemePalette | PredefinedColors;
     debug: boolean;
     clicked: EventEmitter<MouseEvent>;
     blurred: EventEmitter<FocusEvent>;
     focused: EventEmitter<FocusEvent>;
+    dropButtonClick: EventEmitter<UIEvent>;
+    keydownEscape: EventEmitter<any>;
+    keyupEnter: EventEmitter<any>;
     matInputText: ElementRef;
+    autocomplete: MatAutocomplete;
     autocompleteTrigger: MatAutocompleteTrigger;
     _tabindex: number;
     $inputItems: BehaviorSubject<any[]>;
-    filteredItems$: Observable<any[]>;
-    onDropButtonClick: EventEmitter<UIEvent>;
+    $filteredItems: BehaviorSubject<any[]>;
     inputControl: FormControl;
-    getPropertyByPath: typeof getPropertyByPath;
+    _moreItemsCount: number;
+    _fetchMore$: EventEmitter<Event>;
+    private _onFetchMoreCallback;
+    private _implicitValue;
     private _subscription;
     private _itemsSubscription;
+    private _openedSubscription;
     private _$filter;
     private _itemCount;
+    private _reload$;
     constructor(cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
     get itemCount(): number;
+    get canFetchMore(): boolean;
     set filter(value: any);
     get filter(): any;
     set tabindex(value: number);
     get tabindex(): number;
     set items(value: Observable<any[]> | any[]);
+    get items(): Observable<any[]> | any[];
     get value(): any[];
-    get disabled(): any;
-    get enabled(): any;
+    get disabled(): boolean;
+    get enabled(): boolean;
+    get loading(): boolean;
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**
@@ -80,14 +99,24 @@ export declare class MatChipsField implements InputElement, ControlValueAccessor
     /**
      * Allow to reload content. Useful when filter has been changed but not detected
      */
-    reloadItems(): void;
+    reloadItems(value?: any): void;
     writeValue(value: any[]): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     focus(): void;
     filterInputTextFocusEvent(event: FocusEvent): boolean;
+    filterInputTextBlurEvent(event: FocusEvent): boolean;
+    filterChipsFocusEvent(event: FocusEvent): void;
     clearValue(event: UIEvent): void;
+    _initAutocompleteInfiniteScroll(threshold?: string): void;
+    get isOpen(): boolean;
+    closePanel(): void;
     private suggest;
+    private fetchMore;
+    private updateImplicitValue;
+    private checkIfTouched;
+    private getAutocompletePanel;
     private markForCheck;
+    private markAsLoading;
 }

package/src/app/shared/material/chips/testing/chips.test.d.ts

@@ -20,7 +20,7 @@ export declare class ChipsTestPage implements OnInit {
     entityToString(item: any): string;
     suggest(value: any, filter?: any): Promise<LoadResult<EntityTestClass>>;
     doSubmit(event: any): void;
-    compareWithFn(o1: EntityTestClass, o2: EntityTestClass): boolean;
+    equals(o1: EntityTestClass, o2: EntityTestClass): boolean;
     stringify(value: any): string;
 }
 export {};

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

@@ -2,7 +2,7 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '
 import { ControlValueAccessor, FormControl, FormGroupDirective } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { InputElement, selectInputContent } from '../../inputs';
-import { CompareWithFn, DisplayFn } from '../../form/field.model';
+import { EqualsFn, DisplayFn } from '../../form/field.model';
 import { FloatLabelType } from '@angular/material/form-field';
 import { IonSlides } from '@ionic/angular';
 import { MatButton } from '@angular/material/button';
@@ -33,7 +33,7 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     required: boolean;
     mobile: boolean;
     clearable: boolean;
-    compareWithFn: CompareWithFn | null;
+    equals: EqualsFn | null;
     displayWith: DisplayFn | null;
     displayAttributes: string[];
     appAutofocus: boolean;

package/src/theme/_ngx-components.scss

@@ -289,6 +289,7 @@ mat-option:not(:last-child) {
   --max-width: 100%;
   min-width: var(--min-width) !important;
   max-width: var(--max-width) !important;
+  width: var(--max-width) !important;
 }
 
 .mat-autocomplete-panel-medium-size .mat-autocomplete-panel,
@@ -315,7 +316,8 @@ mat-option:not(:last-child) {
 
 .mat-autocomplete-panel-full-size .mat-autocomplete-panel,
 .mat-autocomplete-panel-full-size.mat-autocomplete-panel {
-  --min-width: calc(100vw);
+  --min-width: calc(100vw - 5px);
+  --max-width: calc(100vw - 5px);
   position: fixed;
   left: 0;
 }