@sumaris-net/ngx-components 2.12.8 → 2.12.10
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.
- package/doc/changelog.md +7 -1
- package/esm2022/src/app/shared/material/autocomplete/material.autocomplete.mjs +37 -24
- package/esm2022/src/app/shared/material/autocomplete/testing/autocomplete.test.mjs +4 -4
- package/fesm2022/sumaris-net.ngx-components.mjs +39 -26
- package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/app/shared/material/autocomplete/material.autocomplete.d.ts +7 -5
- package/src/assets/manifest.json +1 -1
- package/src/theme/_ngx-components.table.scss +10 -15
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
|
|
3
3
|
import { BehaviorSubject, Observable } from 'rxjs';
|
|
4
4
|
import { SuggestFn } from '../../services/entity-service.class';
|
|
@@ -11,6 +11,8 @@ import { IonSearchbar, ModalController } from '@ionic/angular';
|
|
|
11
11
|
import { MatAutocompleteFieldConfig } from './material.autocomplete.config';
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDestroy, InputElement, ControlValueAccessor {
|
|
14
|
+
protected injector: Injector;
|
|
15
|
+
protected el: ElementRef<HTMLElement>;
|
|
14
16
|
protected cd: ChangeDetectorRef;
|
|
15
17
|
protected modalController: ModalController;
|
|
16
18
|
protected renderer: Renderer2;
|
|
@@ -25,7 +27,6 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
|
|
|
25
27
|
private _$filter;
|
|
26
28
|
private _itemCount;
|
|
27
29
|
private _reload$;
|
|
28
|
-
private _document;
|
|
29
30
|
protected _readonly: boolean;
|
|
30
31
|
protected _tabindex: number;
|
|
31
32
|
protected _$inputItems: BehaviorSubject<any[]>;
|
|
@@ -33,6 +34,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
|
|
|
33
34
|
protected _displayValue: string;
|
|
34
35
|
protected _moreItemsCount: number;
|
|
35
36
|
protected _fetchMore$: EventEmitter<Event>;
|
|
37
|
+
protected _defaultPanelWidth: string;
|
|
36
38
|
equals: EqualsFn;
|
|
37
39
|
logPrefix: string;
|
|
38
40
|
formControl: UntypedFormControl;
|
|
@@ -83,7 +85,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
|
|
|
83
85
|
matInputText: ElementRef;
|
|
84
86
|
autocomplete: MatAutocomplete;
|
|
85
87
|
autocompleteTrigger: MatAutocompleteTrigger;
|
|
86
|
-
constructor(cd: ChangeDetectorRef, modalController: ModalController, renderer: Renderer2, formGroupDir: FormGroupDirective);
|
|
88
|
+
constructor(injector: Injector, el: ElementRef<HTMLElement>, cd: ChangeDetectorRef, modalController: ModalController, renderer: Renderer2, formGroupDir: FormGroupDirective);
|
|
87
89
|
get itemCount(): number;
|
|
88
90
|
get canFetchMore(): boolean;
|
|
89
91
|
set filter(value: any);
|
|
@@ -113,7 +115,6 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
|
|
|
113
115
|
filterInputTextFocusEvent(event: FocusEvent): boolean;
|
|
114
116
|
protected filterInputTextBlurEvent(event: FocusEvent): void;
|
|
115
117
|
protected ionSearchBarChanged(event: Event): void;
|
|
116
|
-
ionSearchBarChanged1(event: any): void;
|
|
117
118
|
filterMatSelectFocusEvent(event: FocusEvent): void;
|
|
118
119
|
filterMatSelectBlurEvent(event: FocusEvent): boolean;
|
|
119
120
|
clearValue(event?: Event): void;
|
|
@@ -136,10 +137,11 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
|
|
|
136
137
|
* in the IonModal to might keep focus in IonSearchbar.
|
|
137
138
|
*
|
|
138
139
|
* @param panelElement
|
|
140
|
+
* @param overlayPane
|
|
139
141
|
* @private
|
|
140
142
|
*/
|
|
141
143
|
private _fixSearchbarOverlay;
|
|
142
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, { optional: true; }]>;
|
|
144
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, null, null, { optional: true; }]>;
|
|
143
145
|
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; }; "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; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "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; }; "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; }; "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"; "optionSelected": "optionSelected"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
|
|
144
146
|
static ngAcceptInputType_required: unknown;
|
|
145
147
|
static ngAcceptInputType_mobile: unknown;
|
package/src/assets/manifest.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "ngx-sumaris-components",
|
|
3
3
|
"short_name": "ngx-sumaris-components",
|
|
4
4
|
"manifest_version": 1,
|
|
5
|
-
"version": "2.12.
|
|
5
|
+
"version": "2.12.10",
|
|
6
6
|
"default_locale": "fr",
|
|
7
7
|
"description": "Angular components for building beautiful and responsive Apps",
|
|
8
8
|
"icons": [{
|
|
@@ -576,21 +576,16 @@ app-properties-table {
|
|
|
576
576
|
}
|
|
577
577
|
|
|
578
578
|
html.plt-mobile {
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
.mat-paginator-page-size {
|
|
590
|
-
visibility: hidden;
|
|
591
|
-
display: none;
|
|
592
|
-
}
|
|
593
|
-
}
|
|
579
|
+
.mat-paginator-footer .mat-mdc-paginator-outer-container .mat-mdc-paginator-container {
|
|
580
|
+
// Move paginator to the left,
|
|
581
|
+
// because floating button are on the right
|
|
582
|
+
margin-top: 0 !important;
|
|
583
|
+
justify-content: flex-start;
|
|
584
|
+
|
|
585
|
+
// Hide page size (not need on small screens)
|
|
586
|
+
.mat-mdc-paginator-page-size {
|
|
587
|
+
visibility: hidden;
|
|
588
|
+
display: none;
|
|
594
589
|
}
|
|
595
590
|
}
|
|
596
591
|
}
|