@sumaris-net/ngx-components 1.6.4 → 1.6.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/bundles/sumaris-net.ngx-components.umd.js +490 -447
  2. package/bundles/sumaris-net.ngx-components.umd.js.map +1 -1
  3. package/bundles/sumaris-net.ngx-components.umd.min.js +2 -2
  4. package/bundles/sumaris-net.ngx-components.umd.min.js.map +1 -1
  5. package/doc/changelog.md +9 -1
  6. package/esm2015/src/app/core/services/model/filter.model.js +1 -1
  7. package/esm2015/src/app/core/services/model/referential.model.js +1 -1
  8. package/esm2015/src/app/core/table/table.class.js +8 -8
  9. package/esm2015/src/app/shared/form/field.component.js +2 -2
  10. package/esm2015/src/app/shared/material/autocomplete/material.autocomplete.js +53 -33
  11. package/esm2015/src/app/shared/material/autocomplete/testing/autocomplete.test.js +6 -6
  12. package/esm2015/src/app/shared/material/boolean/material.boolean.js +3 -4
  13. package/esm2015/src/app/shared/material/chips/material.chips.js +39 -34
  14. package/esm2015/src/app/shared/material/chips/testing/chips.test.js +43 -14
  15. package/esm2015/src/app/shared/material/datetime/material.date.js +41 -41
  16. package/esm2015/src/app/shared/material/datetime/material.dateshort.js +2 -2
  17. package/esm2015/src/app/shared/material/datetime/material.datetime.js +32 -32
  18. package/esm2015/src/app/shared/material/duration/material.duration.js +2 -2
  19. package/fesm2015/sumaris-net.ngx-components.js +467 -430
  20. package/fesm2015/sumaris-net.ngx-components.js.map +1 -1
  21. package/package.json +1 -1
  22. package/src/app/core/services/model/filter.model.d.ts +1 -1
  23. package/src/app/core/services/model/referential.model.d.ts +3 -3
  24. package/src/app/core/table/table.class.d.ts +4 -4
  25. package/src/app/shared/material/autocomplete/material.autocomplete.d.ts +4 -3
  26. package/src/app/shared/material/autocomplete/testing/autocomplete.test.d.ts +4 -5
  27. package/src/app/shared/material/boolean/material.boolean.d.ts +0 -1
  28. package/src/app/shared/material/chips/material.chips.d.ts +6 -5
  29. package/src/app/shared/material/datetime/material.date.d.ts +6 -6
  30. package/src/app/shared/material/datetime/material.datetime.d.ts +11 -11
  31. package/src/theme/_ngx-components.scss +3 -1
  32. package/sumaris-net.ngx-components.metadata.json +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sumaris-net/ngx-components",
3
3
  "description": "SUMARiS Angular components",
4
- "version": "1.6.4",
4
+ "version": "1.6.9",
5
5
  "author": "contact@e-is.pro",
6
6
  "license": "AGPL-3.0",
7
7
  "readmeFilename": "README.md",
@@ -6,7 +6,7 @@ export interface IEntityFilter<F extends IEntityFilter<F, T, ID, AO, FO>, T exte
6
6
  isEmpty(): boolean;
7
7
  countNotEmptyCriteria(): number;
8
8
  }
9
- export declare abstract class EntityFilter<F extends EntityFilter<F, T, ID, AO, FO>, T extends IEntity<T, ID>, ID = number, AO extends EntityAsObjectOptions = EntityAsObjectOptions, FO = any> extends Entity<F, ID, AO, FO> implements IEntityFilter<F, T, ID, AO, FO> {
9
+ export declare abstract class EntityFilter<F extends EntityFilter<F, T, ID, AO, FO>, T extends IEntity<T, any>, ID = number, AO extends EntityAsObjectOptions = EntityAsObjectOptions, FO = any> extends Entity<F, ID, AO, FO> implements IEntityFilter<F, T, ID, AO, FO> {
10
10
  constructor(__typename?: string);
11
11
  /**
12
12
  * Clean a filter, before sending to the pod (e.g convert dates, remove internal properties, etc.)
@@ -9,7 +9,7 @@ export declare interface IStatus {
9
9
  }
10
10
  export declare const StatusList: Readonly<IStatus[]>;
11
11
  export declare const StatusById: Readonly<import("../../../shared/types").KeyValueType<IStatus>>;
12
- export declare abstract class BaseReferential<T extends BaseReferential<any, ID, O>, ID = number, O extends ReferentialAsObjectOptions = ReferentialAsObjectOptions, FO = any> extends Entity<T, ID, O, FO> implements IReferentialRef<T, ID> {
12
+ export declare abstract class BaseReferential<T extends BaseReferential<T, ID, AO>, ID = number, AO extends ReferentialAsObjectOptions = ReferentialAsObjectOptions, FO = any> extends Entity<T, ID, AO, FO> implements IReferentialRef<T, ID> {
13
13
  label: string;
14
14
  name: string;
15
15
  description: string;
@@ -21,11 +21,11 @@ export declare abstract class BaseReferential<T extends BaseReferential<any, ID,
21
21
  parentId: number;
22
22
  entityName: string;
23
23
  constructor(__typename?: string);
24
- asObject(opts?: O): any;
24
+ asObject(opts?: AO): any;
25
25
  fromObject(source: any, opts?: FO): void;
26
26
  equals(other: T): boolean;
27
27
  }
28
- export declare class Referential extends BaseReferential<Referential> {
28
+ export declare class Referential<T extends Referential<any> = Referential<any>> extends BaseReferential<T, number> {
29
29
  static fromObject: (source: any, opts?: any) => Referential;
30
30
  }
31
31
  export declare class ReferentialUtils {
@@ -197,10 +197,6 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
197
197
  markAsLoaded(opts?: {
198
198
  emitEvent?: boolean;
199
199
  }): void;
200
- protected markRowAsDirty(row?: TableElement<T>, opts?: {
201
- onlySelf?: boolean;
202
- emitEVent?: boolean;
203
- }): void;
204
200
  markAsReady(opts?: {
205
201
  emitEvent?: boolean;
206
202
  }): void;
@@ -373,6 +369,10 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
373
369
  * @protected
374
370
  */
375
371
  protected equals(d1: T, d2: T): boolean;
372
+ protected markRowAsDirty(row?: TableElement<T>, opts?: {
373
+ onlySelf?: boolean;
374
+ emitEVent?: boolean;
375
+ }): void;
376
376
  private setLoading;
377
377
  private deleteNewRow;
378
378
  private cancelExistingRow;
@@ -74,6 +74,7 @@ export declare class MatAutocompleteField implements OnInit, OnDestroy, InputEle
74
74
  fetchMoreThreshold: string;
75
75
  suggestLengthThreshold: number;
76
76
  showLoadingSpinner: boolean;
77
+ debug: boolean;
77
78
  clicked: EventEmitter<MouseEvent>;
78
79
  blurred: EventEmitter<FocusEvent>;
79
80
  focused: EventEmitter<FocusEvent>;
@@ -84,7 +85,6 @@ export declare class MatAutocompleteField implements OnInit, OnDestroy, InputEle
84
85
  matInputText: ElementRef;
85
86
  autocomplete: MatAutocomplete;
86
87
  autocompleteTrigger: MatAutocompleteTrigger;
87
- animationsDisabled: boolean;
88
88
  _readonly: boolean;
89
89
  _tabindex: number;
90
90
  matSelectItems$: Observable<any[]>;
@@ -114,8 +114,9 @@ export declare class MatAutocompleteField implements OnInit, OnDestroy, InputEle
114
114
  set items(value: Observable<any[]> | any[]);
115
115
  get items(): Observable<any[]> | any[];
116
116
  get value(): any;
117
- get disabled(): any;
118
- get enabled(): any;
117
+ get disabled(): boolean;
118
+ get enabled(): boolean;
119
+ get loading(): boolean;
119
120
  ngOnInit(): void;
120
121
  ngOnDestroy(): void;
121
122
  /**
@@ -2,7 +2,6 @@
2
2
  import { OnInit } from '@angular/core';
3
3
  import { FormBuilder, FormGroup } from '@angular/forms';
4
4
  import { MatAutocompleteConfigHolder } from '../material.autocomplete';
5
- import { BehaviorSubject } from 'rxjs';
6
5
  import { LoadResult } from '../../../services/entity-service.class';
7
6
  import Timer = NodeJS.Timer;
8
7
  declare class EntityTestClass {
@@ -12,8 +11,8 @@ declare class EntityTestClass {
12
11
  }
13
12
  export declare class AutocompleteTestPage implements OnInit {
14
13
  protected formBuilder: FormBuilder;
15
- _items: EntityTestClass[];
16
- $items: BehaviorSubject<EntityTestClass[]>;
14
+ private _items;
15
+ private _$items;
17
16
  form: FormGroup;
18
17
  autocompleteFields: MatAutocompleteConfigHolder;
19
18
  memoryHide: boolean;
@@ -26,9 +25,9 @@ export declare class AutocompleteTestPage implements OnInit {
26
25
  loadData(): Promise<void>;
27
26
  loadItems(): Promise<void>;
28
27
  entityToString(item: any): string;
29
- suggest(value: any, filter?: any): Promise<LoadResult<any>>;
28
+ suggest(value: any, filter?: any): Promise<LoadResult<EntityTestClass>>;
30
29
  doSubmit(event: any): void;
31
- compareWithFn(o1: EntityTestClass, o2: EntityTestClass): boolean;
30
+ equals(o1: EntityTestClass, o2: EntityTestClass): boolean;
32
31
  toggleMode(value: any): void;
33
32
  startMemoryTimer(): void;
34
33
  stopMemoryTimer(): void;
@@ -42,7 +42,6 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
42
42
  noButton: MatRadioButton;
43
43
  checkboxButton: MatCheckbox;
44
44
  fakeInput: ElementRef;
45
- suffixDiv: ElementRef;
46
45
  constructor(translate: TranslateService, formBuilder: FormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
47
46
  ngOnInit(): void;
48
47
  writeValue(value: any, event?: UIEvent): void;
@@ -9,7 +9,7 @@ import { DisplayFn, EqualsFn } from '../../form/field.model';
9
9
  import { MatAutocompleteFieldConfig } from '../autocomplete/material.autocomplete';
10
10
  import { PredefinedColors } from '@ionic/core';
11
11
  import { ThemePalette } from '@angular/material/core/common-behaviors/color';
12
- export declare class MatChipsField implements InputElement, ControlValueAccessor, OnInit, OnDestroy {
12
+ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, ControlValueAccessor {
13
13
  protected cd: ChangeDetectorRef;
14
14
  private formGroupDir;
15
15
  private _onChangeCallback;
@@ -40,12 +40,12 @@ export declare class MatChipsField implements InputElement, ControlValueAccessor
40
40
  classList: string;
41
41
  panelWidth: string;
42
42
  matAutocompletePosition: 'auto' | 'above' | 'below';
43
- debug: boolean;
44
43
  itemSize: string;
45
44
  fetchMoreThreshold: string;
46
45
  suggestLengthThreshold: number;
47
46
  showLoadingSpinner: boolean;
48
47
  chipColor: ThemePalette | PredefinedColors;
48
+ debug: boolean;
49
49
  clicked: EventEmitter<MouseEvent>;
50
50
  blurred: EventEmitter<FocusEvent>;
51
51
  focused: EventEmitter<FocusEvent>;
@@ -79,8 +79,9 @@ export declare class MatChipsField implements InputElement, ControlValueAccessor
79
79
  set items(value: Observable<any[]> | any[]);
80
80
  get items(): Observable<any[]> | any[];
81
81
  get value(): any[];
82
- get disabled(): any;
83
- get enabled(): any;
82
+ get disabled(): boolean;
83
+ get enabled(): boolean;
84
+ get loading(): boolean;
84
85
  ngOnInit(): void;
85
86
  ngOnDestroy(): void;
86
87
  /**
@@ -114,8 +115,8 @@ export declare class MatChipsField implements InputElement, ControlValueAccessor
114
115
  private suggest;
115
116
  private fetchMore;
116
117
  private updateImplicitValue;
117
- private getAutocompletePanel;
118
118
  private checkIfTouched;
119
+ private getAutocompletePanel;
119
120
  private markForCheck;
120
121
  private markAsLoading;
121
122
  }
@@ -54,14 +54,14 @@ export declare class MatDate implements OnInit, OnDestroy, ControlValueAccessor,
54
54
  registerOnTouched(fn: any): void;
55
55
  setDisabledState(isDisabled: boolean): void;
56
56
  onDatePickerChange(event: MatDatepickerInputEvent<Moment>): void;
57
- private updatePattern;
58
- private onFormChange;
59
- checkIfTouched(): void;
60
57
  openDatePickerIfMobile(event: UIEvent, datePicker?: MatDatepicker<any>): Promise<void>;
61
58
  openDatePicker(event?: UIEvent, datePicker?: MatDatepicker<any>): void;
62
59
  preventEvent(event: UIEvent): void;
63
60
  focus(): void;
64
- protected waitKeyboardHide(waitKeyboardDelay: boolean): Promise<void>;
65
- protected updateTabIndex(): void;
66
- protected markForCheck(): void;
61
+ private updatePattern;
62
+ private onFormChange;
63
+ checkIfTouched(): void;
64
+ private waitKeyboardHide;
65
+ private updateTabIndex;
66
+ private markForCheck;
67
67
  }
@@ -23,8 +23,8 @@ export declare class MatDateTime implements OnInit, OnDestroy, ControlValueAcces
23
23
  private dateAdapter;
24
24
  private translate;
25
25
  private formBuilder;
26
- private keyboard;
27
26
  private cd;
27
+ private keyboard;
28
28
  private formGroupDir;
29
29
  private _onChangeCallback;
30
30
  private _onTouchedCallback;
@@ -32,7 +32,7 @@ export declare class MatDateTime implements OnInit, OnDestroy, ControlValueAcces
32
32
  protected writing: boolean;
33
33
  protected disabling: boolean;
34
34
  protected _tabindex: number;
35
- protected waitHideKeyboardDelay: number;
35
+ protected keyboardHideDelay: number;
36
36
  _readonly: boolean;
37
37
  dateFormControl: FormControl;
38
38
  timeFormControl: FormControl;
@@ -60,7 +60,7 @@ export declare class MatDateTime implements OnInit, OnDestroy, ControlValueAcces
60
60
  datePicker: MatDatepicker<Moment>;
61
61
  timePicker: NgxTimePicker;
62
62
  matInputs: QueryList<ElementRef>;
63
- constructor(platform: Platform, dateAdapter: DateAdapter<Moment>, translate: TranslateService, formBuilder: FormBuilder, keyboard: Keyboard, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
63
+ constructor(platform: Platform, dateAdapter: DateAdapter<Moment>, translate: TranslateService, formBuilder: FormBuilder, cd: ChangeDetectorRef, keyboard: Keyboard, formGroupDir: FormGroupDirective);
64
64
  ngOnInit(): void;
65
65
  ngOnDestroy(): void;
66
66
  writeValue(valueStr: any): void;
@@ -68,7 +68,6 @@ export declare class MatDateTime implements OnInit, OnDestroy, ControlValueAcces
68
68
  registerOnChange(fn: any): void;
69
69
  registerOnTouched(fn: any): void;
70
70
  setDisabledState(isDisabled: boolean): void;
71
- private updatePattern;
72
71
  onDatePickerChange(event: MatDatepickerInputEvent<Moment>): void;
73
72
  onTimePickerChange(timeStr: string): void;
74
73
  openDatePickerIfMobile(event: UIEvent, datePicker?: MatDatepicker<any>): Promise<void>;
@@ -76,14 +75,15 @@ export declare class MatDateTime implements OnInit, OnDestroy, ControlValueAcces
76
75
  openTimePickerIfMobile(event: UIEvent): Promise<void>;
77
76
  openTimePicker(event: UIEvent): void;
78
77
  preventEvent(event: UIEvent): void;
79
- checkIfTouched(): void;
80
78
  focus(): void;
81
79
  clear(): void;
82
- protected emitChange(value: Moment): void;
83
- protected hideKeyboard(waitIsHidden: boolean): Promise<void>;
84
- protected updateTabIndex(): void;
85
- protected markAsTouched(): void;
86
- protected markAsDirty(opts?: any): void;
87
- protected markForCheck(): void;
80
+ private updatePattern;
81
+ checkIfTouched(): void;
82
+ private waitKeyboardHide;
83
+ private emitChange;
84
+ private updateTabIndex;
85
+ private markAsTouched;
86
+ private markAsDirty;
87
+ private markForCheck;
88
88
  }
89
89
  export {};
@@ -289,6 +289,7 @@ mat-option:not(:last-child) {
289
289
  --max-width: 100%;
290
290
  min-width: var(--min-width) !important;
291
291
  max-width: var(--max-width) !important;
292
+ width: var(--max-width) !important;
292
293
  }
293
294
 
294
295
  .mat-autocomplete-panel-medium-size .mat-autocomplete-panel,
@@ -315,7 +316,8 @@ mat-option:not(:last-child) {
315
316
 
316
317
  .mat-autocomplete-panel-full-size .mat-autocomplete-panel,
317
318
  .mat-autocomplete-panel-full-size.mat-autocomplete-panel {
318
- --min-width: calc(100vw);
319
+ --min-width: calc(100vw - 5px);
320
+ --max-width: calc(100vw - 5px);
319
321
  position: fixed;
320
322
  left: 0;
321
323
  }