@sumaris-net/ngx-components 1.6.3 → 1.6.7

package/package.json

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

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

@@ -74,6 +74,7 @@ export declare class MatAutocompleteField implements OnInit, OnDestroy, InputEle
     fetchMoreThreshold: string;
     suggestLengthThreshold: number;
     showLoadingSpinner: boolean;
+    debug: boolean;
     clicked: EventEmitter<MouseEvent>;
     blurred: EventEmitter<FocusEvent>;
     focused: EventEmitter<FocusEvent>;
@@ -84,7 +85,6 @@ export declare class MatAutocompleteField implements OnInit, OnDestroy, InputEle
     matInputText: ElementRef;
     autocomplete: MatAutocomplete;
     autocompleteTrigger: MatAutocompleteTrigger;
-    animationsDisabled: boolean;
     _readonly: boolean;
     _tabindex: number;
     matSelectItems$: Observable<any[]>;
@@ -114,8 +114,9 @@ export declare class MatAutocompleteField implements OnInit, OnDestroy, InputEle
     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;
     /**

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

@@ -7,7 +7,9 @@ import { InputElement } from '../../inputs';
 import { SuggestFn } from '../../services/entity-service.class';
 import { DisplayFn, EqualsFn } from '../../form/field.model';
 import { MatAutocompleteFieldConfig } from '../autocomplete/material.autocomplete';
-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;
@@ -38,11 +40,12 @@ export declare class MatChipsField implements InputElement, ControlValueAccessor
     classList: string;
     panelWidth: string;
     matAutocompletePosition: 'auto' | 'above' | 'below';
-    debug: boolean;
     itemSize: string;
     fetchMoreThreshold: string;
     suggestLengthThreshold: number;
     showLoadingSpinner: boolean;
+    chipColor: ThemePalette | PredefinedColors;
+    debug: boolean;
     clicked: EventEmitter<MouseEvent>;
     blurred: EventEmitter<FocusEvent>;
     focused: EventEmitter<FocusEvent>;
@@ -76,8 +79,9 @@ export declare class MatChipsField implements InputElement, ControlValueAccessor
     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;
     /**
@@ -111,8 +115,8 @@ export declare class MatChipsField implements InputElement, ControlValueAccessor
     private suggest;
     private fetchMore;
     private updateImplicitValue;
-    private getAutocompletePanel;
     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/datetime/material.datetime.d.ts

@@ -23,8 +23,8 @@ export declare class MatDateTime implements OnInit, OnDestroy, ControlValueAcces
     private dateAdapter;
     private translate;
     private formBuilder;
-    private keyboard;
     private cd;
+    private keyboard;
     private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
@@ -60,7 +60,7 @@ export declare class MatDateTime implements OnInit, OnDestroy, ControlValueAcces
     datePicker: MatDatepicker<Moment>;
     timePicker: NgxTimePicker;
     matInputs: QueryList<ElementRef>;
-    constructor(platform: Platform, dateAdapter: DateAdapter<Moment>, translate: TranslateService, formBuilder: FormBuilder, keyboard: Keyboard, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
+    constructor(platform: Platform, dateAdapter: DateAdapter<Moment>, translate: TranslateService, formBuilder: FormBuilder, cd: ChangeDetectorRef, keyboard: Keyboard, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(valueStr: any): void;

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;
 }