@sumaris-net/ngx-components 2.4.12 → 2.4.13

package/package.json

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

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

@@ -126,3 +126,4 @@ export declare class Beans {
         [key: string]: T;
     };
 }
+export declare function findParentWithClass(elem: HTMLElement, className: string): HTMLElement;

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

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2, ViewRef } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { SuggestFn } from '../../services/entity-service.class';
@@ -7,11 +7,15 @@ import { DisplayFn, EqualsFn } from '../../form/field.model';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { MatSelect } from '@angular/material/select';
 import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
-import { IonSearchbar } from '@ionic/angular';
+import { IonSearchbar, ModalController } from '@ionic/angular';
 import { MatAutocompleteFieldConfig } from './material.autocomplete.config';
 import * as i0 from "@angular/core";
-export declare class MatAutocompleteField implements OnInit, OnDestroy, InputElement, ControlValueAccessor {
+export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDestroy, InputElement, ControlValueAccessor {
     protected cd: ChangeDetectorRef;
+    protected modalController: ModalController;
+    protected renderer: Renderer2;
+    protected document: Document;
+    private viewRef;
     private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
@@ -75,7 +79,7 @@ export declare class MatAutocompleteField implements OnInit, OnDestroy, InputEle
     private _$filter;
     private _itemCount;
     private _reload$;
-    constructor(cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
+    constructor(cd: ChangeDetectorRef, modalController: ModalController, renderer: Renderer2, document: Document, viewRef: ViewRef, formGroupDir: FormGroupDirective);
     get itemCount(): number;
     get canFetchMore(): boolean;
     set filter(value: any);
@@ -92,6 +96,7 @@ export declare class MatAutocompleteField implements OnInit, OnDestroy, InputEle
     get loading(): boolean;
     get desktop(): boolean;
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
      * Allow to reload content. Useful when filter has been changed but not detected
@@ -120,6 +125,15 @@ export declare class MatAutocompleteField implements OnInit, OnDestroy, InputEle
     private getMatSelectPanel;
     private markForCheck;
     protected markAsLoading(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, { optional: true; }]>;
+    private _fixMatSelectPositionAndSearchbar;
+    private _fixMatSelectPanelPosition;
+    /**
+     * Hack : if we are in a IonModal, it's necessary to move the CdkOverlay container
+     *     in the IonModal to might keep focus in IonSearchbar.
+     * @param panelElement
+     * @private
+     */
+    private _fixSearchbarOverlay;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": "equals"; "logPrefix": "logPrefix"; "formControl": "formControl"; "formControlName": "formControlName"; "floatLabel": "floatLabel"; "appearance": "appearance"; "placeholder": "placeholder"; "suggestFn": "suggestFn"; "required": "required"; "mobile": "mobile"; "clearable": "clearable"; "debounceTime": "debounceTime"; "displayWith": "displayWith"; "displayAttributes": "displayAttributes"; "displayColumnSizes": "displayColumnSizes"; "displayColumnNames": "displayColumnNames"; "highlightAccent": "highlightAccent"; "showAllOnFocus": "showAllOnFocus"; "showPanelOnFocus": "showPanelOnFocus"; "autofocus": "autofocus"; "config": "config"; "i18nPrefix": "i18nPrefix"; "noResultMessage": "noResultMessage"; "classList": "class"; "panelWidth": "panelWidth"; "matAutocompletePosition": "matAutocompletePosition"; "multiple": "multiple"; "itemSize": "itemSize"; "fetchMoreThreshold": "fetchMoreThreshold"; "suggestLengthThreshold": "suggestLengthThreshold"; "showLoadingSpinner": "showLoadingSpinner"; "debug": "debug"; "showSearchBar": "showSearchBar"; "stickySearchBar": "stickySearchBar"; "filter": "filter"; "readonly": "readonly"; "tabindex": "tabindex"; "items": "items"; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matError]", "[matAfter]", "[matPrefix]", "[matSuffix]"], false>;
 }

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

@@ -4,6 +4,7 @@ import { MatAutocompleteField } from '../material.autocomplete';
 import { Subscription } from 'rxjs';
 import { LoadResult } from '../../../services/entity-service.class';
 import { MatAutocompleteConfigHolder } from '../material.autocomplete.config';
+import { IonModal } from '@ionic/angular';
 import * as i0 from "@angular/core";
 declare class EntityTestClass {
     id: number;
@@ -22,6 +23,7 @@ export declare class AutocompleteTestPage implements OnInit, AfterViewInit {
     memoryTimer: Subscription;
     mode: 'mobile' | 'desktop' | 'memory' | 'temp';
     farEntityField: MatAutocompleteField;
+    ionModal: IonModal;
     constructor(formBuilder: UntypedFormBuilder);
     ngOnInit(): void;
     ngAfterViewInit(): void;