@sebgroup/green-angular 5.5.2 → 5.5.3
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/esm2022/src/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +3 -4
- package/esm2022/src/v-angular/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.mjs +25 -7
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.mjs +2 -2
- package/esm2022/src/v-angular/input/input.component.mjs +8 -7
- package/esm2022/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +3 -4
- package/esm2022/v-angular/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.mjs +25 -7
- package/esm2022/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.mjs +2 -2
- package/esm2022/v-angular/input/input.component.mjs +8 -7
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs +28 -11
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs +6 -5
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-v-angular.mjs +34 -16
- package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
- package/package.json +3 -3
- package/src/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.d.ts +9 -3
- package/src/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.d.ts +1 -1
- package/src/v-angular/input/input.component.d.ts +4 -3
- package/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.d.ts +9 -3
- package/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.d.ts +1 -1
- package/v-angular/input/input.component.d.ts +4 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sebgroup/green-angular",
|
|
3
|
-
"version": "5.5.
|
|
3
|
+
"version": "5.5.3",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/cdk": ">=17.3.10",
|
|
6
6
|
"@angular/common": ">=17.3.12",
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
"scroll-into-view-if-needed": "^2.2.31"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@sebgroup/green-core": "^1.69.
|
|
21
|
-
"@sebgroup/chlorophyll": "^3.6.
|
|
20
|
+
"@sebgroup/green-core": "^1.69.3",
|
|
21
|
+
"@sebgroup/chlorophyll": "^3.6.17",
|
|
22
22
|
"@sebgroup/extract": "^3.0.2",
|
|
23
23
|
"tslib": "^2.3.1"
|
|
24
24
|
},
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
1
|
+
import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
|
2
2
|
import { TranslocoScope } from '@jsverse/transloco';
|
|
3
3
|
import { OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
|
|
4
4
|
import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
|
|
@@ -6,6 +6,7 @@ import { NggvDropdownListComponent } from '../../dropdown-list/dropdown-list.com
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownListComponent implements OnInit, OnDestroy {
|
|
8
8
|
protected translocoScope: TranslocoScope;
|
|
9
|
+
private renderer2;
|
|
9
10
|
private element;
|
|
10
11
|
hostComponent: NggvInputComponent;
|
|
11
12
|
/** Formats each item that is displayed as an option. Only applies format if the option if it implement Option interface. */
|
|
@@ -13,7 +14,7 @@ export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownList
|
|
|
13
14
|
/** Formats the selected item in the input when dropdown is opened. If no function is provided, it will display the value of the selected objects label property */
|
|
14
15
|
selectedFormatter?: (selected: OptionBase<any>) => string;
|
|
15
16
|
private _destroy$;
|
|
16
|
-
constructor(translocoScope: TranslocoScope, element: ElementRef);
|
|
17
|
+
constructor(translocoScope: TranslocoScope, renderer2: Renderer2, element: ElementRef);
|
|
17
18
|
ngOnInit(): void;
|
|
18
19
|
ngOnDestroy(): void;
|
|
19
20
|
/** @Internal Subscribe to click outside dropdownList and input to close dropdownList */
|
|
@@ -29,6 +30,11 @@ export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownList
|
|
|
29
30
|
* @returns The formatted value
|
|
30
31
|
*/
|
|
31
32
|
private formatSelected;
|
|
32
|
-
|
|
33
|
+
/**
|
|
34
|
+
*
|
|
35
|
+
* @param expanded boolean to set if dropdown is expanded
|
|
36
|
+
*/
|
|
37
|
+
setExpanded(expanded?: boolean): void;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null, null]>;
|
|
33
39
|
static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadDropdownListComponent, "nggv-typeahead-dropdown-list", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
|
|
34
40
|
}
|
|
@@ -6,7 +6,7 @@ import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input'
|
|
|
6
6
|
import { NggvDropdownComponent } from '../../dropdown.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare class NggvTypeaheadInputComponent extends NggvInputComponent implements OnInit, OnDestroy {
|
|
9
|
-
|
|
9
|
+
element: ElementRef;
|
|
10
10
|
private renderer2;
|
|
11
11
|
ngControl: NgControl;
|
|
12
12
|
protected translocoScope: TranslocoScope;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { NgControl, UntypedFormControl } from '@angular/forms';
|
|
3
3
|
import { TranslocoScope } from '@jsverse/transloco';
|
|
4
4
|
import { Subject } from 'rxjs';
|
|
@@ -13,6 +13,7 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
|
|
|
13
13
|
ngControl: NgControl;
|
|
14
14
|
protected translocoScope: TranslocoScope;
|
|
15
15
|
protected cdr: ChangeDetectorRef;
|
|
16
|
+
element: ElementRef;
|
|
16
17
|
/** Adding .gds-form-item as a class to host element */
|
|
17
18
|
class: string;
|
|
18
19
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
@@ -73,13 +74,13 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
|
|
|
73
74
|
hideInput$: Subject<boolean>;
|
|
74
75
|
protected inputChange$: Subject<any>;
|
|
75
76
|
protected _destroy$: Subject<boolean>;
|
|
76
|
-
constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
|
|
77
|
+
constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef, element: ElementRef);
|
|
77
78
|
ngOnInit(): void;
|
|
78
79
|
ngOnDestroy(): void;
|
|
79
80
|
writeValue(value: any): void;
|
|
80
81
|
cutTextAfterMaxLength(value: any): any;
|
|
81
82
|
/** @internal */
|
|
82
83
|
onInput(event: Event): void;
|
|
83
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
|
|
84
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
|
|
84
85
|
static ɵcmp: i0.ɵɵComponentDeclaration<NggvInputComponent, "nggv-input", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "email": { "alias": "email"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showCharacterCountdown": { "alias": "showCharacterCountdown"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "inputMask": { "alias": "inputMask"; "required": false; }; }, { "nggvInput": "nggvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
|
|
85
86
|
}
|
package/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
1
|
+
import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
|
2
2
|
import { TranslocoScope } from '@jsverse/transloco';
|
|
3
3
|
import { OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
|
|
4
4
|
import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
|
|
@@ -6,6 +6,7 @@ import { NggvDropdownListComponent } from '../../dropdown-list/dropdown-list.com
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownListComponent implements OnInit, OnDestroy {
|
|
8
8
|
protected translocoScope: TranslocoScope;
|
|
9
|
+
private renderer2;
|
|
9
10
|
private element;
|
|
10
11
|
hostComponent: NggvInputComponent;
|
|
11
12
|
/** Formats each item that is displayed as an option. Only applies format if the option if it implement Option interface. */
|
|
@@ -13,7 +14,7 @@ export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownList
|
|
|
13
14
|
/** Formats the selected item in the input when dropdown is opened. If no function is provided, it will display the value of the selected objects label property */
|
|
14
15
|
selectedFormatter?: (selected: OptionBase<any>) => string;
|
|
15
16
|
private _destroy$;
|
|
16
|
-
constructor(translocoScope: TranslocoScope, element: ElementRef);
|
|
17
|
+
constructor(translocoScope: TranslocoScope, renderer2: Renderer2, element: ElementRef);
|
|
17
18
|
ngOnInit(): void;
|
|
18
19
|
ngOnDestroy(): void;
|
|
19
20
|
/** @Internal Subscribe to click outside dropdownList and input to close dropdownList */
|
|
@@ -29,6 +30,11 @@ export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownList
|
|
|
29
30
|
* @returns The formatted value
|
|
30
31
|
*/
|
|
31
32
|
private formatSelected;
|
|
32
|
-
|
|
33
|
+
/**
|
|
34
|
+
*
|
|
35
|
+
* @param expanded boolean to set if dropdown is expanded
|
|
36
|
+
*/
|
|
37
|
+
setExpanded(expanded?: boolean): void;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null, null]>;
|
|
33
39
|
static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadDropdownListComponent, "nggv-typeahead-dropdown-list", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
|
|
34
40
|
}
|
|
@@ -6,7 +6,7 @@ import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input'
|
|
|
6
6
|
import { NggvDropdownComponent } from '../../dropdown.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare class NggvTypeaheadInputComponent extends NggvInputComponent implements OnInit, OnDestroy {
|
|
9
|
-
|
|
9
|
+
element: ElementRef;
|
|
10
10
|
private renderer2;
|
|
11
11
|
ngControl: NgControl;
|
|
12
12
|
protected translocoScope: TranslocoScope;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { NgControl, UntypedFormControl } from '@angular/forms';
|
|
3
3
|
import { TranslocoScope } from '@jsverse/transloco';
|
|
4
4
|
import { Subject } from 'rxjs';
|
|
@@ -13,6 +13,7 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
|
|
|
13
13
|
ngControl: NgControl;
|
|
14
14
|
protected translocoScope: TranslocoScope;
|
|
15
15
|
protected cdr: ChangeDetectorRef;
|
|
16
|
+
element: ElementRef;
|
|
16
17
|
/** Adding .gds-form-item as a class to host element */
|
|
17
18
|
class: string;
|
|
18
19
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
@@ -73,13 +74,13 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
|
|
|
73
74
|
hideInput$: Subject<boolean>;
|
|
74
75
|
protected inputChange$: Subject<any>;
|
|
75
76
|
protected _destroy$: Subject<boolean>;
|
|
76
|
-
constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
|
|
77
|
+
constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef, element: ElementRef);
|
|
77
78
|
ngOnInit(): void;
|
|
78
79
|
ngOnDestroy(): void;
|
|
79
80
|
writeValue(value: any): void;
|
|
80
81
|
cutTextAfterMaxLength(value: any): any;
|
|
81
82
|
/** @internal */
|
|
82
83
|
onInput(event: Event): void;
|
|
83
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
|
|
84
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
|
|
84
85
|
static ɵcmp: i0.ɵɵComponentDeclaration<NggvInputComponent, "nggv-input", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "email": { "alias": "email"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showCharacterCountdown": { "alias": "showCharacterCountdown"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "inputMask": { "alias": "inputMask"; "required": false; }; }, { "nggvInput": "nggvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
|
|
85
86
|
}
|