@sebgroup/green-angular 5.6.1 → 5.7.0
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/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/src/v-angular/input/input.component.mjs +42 -13
- package/esm2022/src/v-angular/radio/radio.component.mjs +15 -4
- package/esm2022/src/v-angular/table/table.component.mjs +2 -2
- package/esm2022/v-angular/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/v-angular/input/input.component.mjs +42 -13
- package/esm2022/v-angular/radio/radio.component.mjs +15 -4
- package/esm2022/v-angular/table/table.component.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs +41 -12
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs +14 -3
- package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-v-angular.mjs +59 -19
- package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
- package/package.json +15 -15
- package/src/v-angular/input/input.component.d.ts +38 -12
- package/src/v-angular/radio/radio.component.d.ts +11 -3
- package/v-angular/input/input.component.d.ts +38 -12
- package/v-angular/radio/radio.component.d.ts +11 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sebgroup/green-angular",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.7.0",
|
|
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.
|
|
21
|
-
"@sebgroup/chlorophyll": "^3.6.
|
|
20
|
+
"@sebgroup/green-core": "^1.73.0",
|
|
21
|
+
"@sebgroup/chlorophyll": "^3.6.18",
|
|
22
22
|
"@sebgroup/extract": "^3.0.2",
|
|
23
23
|
"tslib": "^2.3.1"
|
|
24
24
|
},
|
|
@@ -57,6 +57,18 @@
|
|
|
57
57
|
"esm": "./esm2022/v-angular/sebgroup-green-angular-v-angular.mjs",
|
|
58
58
|
"default": "./fesm2022/sebgroup-green-angular-v-angular.mjs"
|
|
59
59
|
},
|
|
60
|
+
"./src/lib/accordion": {
|
|
61
|
+
"types": "./src/lib/accordion/index.d.ts",
|
|
62
|
+
"esm2022": "./esm2022/src/lib/accordion/sebgroup-green-angular-src-lib-accordion.mjs",
|
|
63
|
+
"esm": "./esm2022/src/lib/accordion/sebgroup-green-angular-src-lib-accordion.mjs",
|
|
64
|
+
"default": "./fesm2022/sebgroup-green-angular-src-lib-accordion.mjs"
|
|
65
|
+
},
|
|
66
|
+
"./src/lib/badge": {
|
|
67
|
+
"types": "./src/lib/badge/index.d.ts",
|
|
68
|
+
"esm2022": "./esm2022/src/lib/badge/sebgroup-green-angular-src-lib-badge.mjs",
|
|
69
|
+
"esm": "./esm2022/src/lib/badge/sebgroup-green-angular-src-lib-badge.mjs",
|
|
70
|
+
"default": "./fesm2022/sebgroup-green-angular-src-lib-badge.mjs"
|
|
71
|
+
},
|
|
60
72
|
"./src/lib/button": {
|
|
61
73
|
"types": "./src/lib/button/index.d.ts",
|
|
62
74
|
"esm2022": "./esm2022/src/lib/button/sebgroup-green-angular-src-lib-button.mjs",
|
|
@@ -69,18 +81,6 @@
|
|
|
69
81
|
"esm": "./esm2022/src/lib/cell-table/sebgroup-green-angular-src-lib-cell-table.mjs",
|
|
70
82
|
"default": "./fesm2022/sebgroup-green-angular-src-lib-cell-table.mjs"
|
|
71
83
|
},
|
|
72
|
-
"./src/lib/badge": {
|
|
73
|
-
"types": "./src/lib/badge/index.d.ts",
|
|
74
|
-
"esm2022": "./esm2022/src/lib/badge/sebgroup-green-angular-src-lib-badge.mjs",
|
|
75
|
-
"esm": "./esm2022/src/lib/badge/sebgroup-green-angular-src-lib-badge.mjs",
|
|
76
|
-
"default": "./fesm2022/sebgroup-green-angular-src-lib-badge.mjs"
|
|
77
|
-
},
|
|
78
|
-
"./src/lib/accordion": {
|
|
79
|
-
"types": "./src/lib/accordion/index.d.ts",
|
|
80
|
-
"esm2022": "./esm2022/src/lib/accordion/sebgroup-green-angular-src-lib-accordion.mjs",
|
|
81
|
-
"esm": "./esm2022/src/lib/accordion/sebgroup-green-angular-src-lib-accordion.mjs",
|
|
82
|
-
"default": "./fesm2022/sebgroup-green-angular-src-lib-accordion.mjs"
|
|
83
|
-
},
|
|
84
84
|
"./src/lib/context-menu": {
|
|
85
85
|
"types": "./src/lib/context-menu/index.d.ts",
|
|
86
86
|
"esm2022": "./esm2022/src/lib/context-menu/sebgroup-green-angular-src-lib-context-menu.mjs",
|
|
@@ -14,27 +14,53 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
|
|
|
14
14
|
protected translocoScope: TranslocoScope;
|
|
15
15
|
protected cdr: ChangeDetectorRef;
|
|
16
16
|
element: ElementRef;
|
|
17
|
-
/**
|
|
17
|
+
/**
|
|
18
|
+
* Adding .gds-form-item as a class to host element
|
|
19
|
+
*/
|
|
18
20
|
class: string;
|
|
19
|
-
/**
|
|
21
|
+
/**
|
|
22
|
+
* Adding .gds-form-item--small class based on size input for styling
|
|
23
|
+
*/
|
|
24
|
+
size: 'small' | 'large';
|
|
25
|
+
/**
|
|
26
|
+
* Special property used for selecting DOM elements during automated UI testing.
|
|
27
|
+
*/
|
|
20
28
|
thook: string | null | undefined;
|
|
21
|
-
/**
|
|
29
|
+
/**
|
|
30
|
+
* Type of input field. Should avoid types that modify field too much such as range.
|
|
31
|
+
*/
|
|
22
32
|
type: string;
|
|
23
|
-
/**
|
|
33
|
+
/**
|
|
34
|
+
* Text shown before input has a written value.
|
|
35
|
+
*/
|
|
24
36
|
placeholder?: string;
|
|
25
|
-
/**
|
|
37
|
+
/**
|
|
38
|
+
* If set to "on", hint for form autofill feature.
|
|
39
|
+
*/
|
|
26
40
|
autocomplete: string;
|
|
27
|
-
/**
|
|
41
|
+
/**
|
|
42
|
+
* If set to true, the value will not be editable.
|
|
43
|
+
*/
|
|
28
44
|
readonly: boolean;
|
|
29
|
-
/**
|
|
45
|
+
/**
|
|
46
|
+
* If set to true, enables the Angular template-driven email validator.
|
|
47
|
+
*/
|
|
30
48
|
email: boolean;
|
|
31
|
-
/**
|
|
49
|
+
/**
|
|
50
|
+
* Minimum value required for numeric input types.
|
|
51
|
+
*/
|
|
32
52
|
min: number;
|
|
33
|
-
/**
|
|
53
|
+
/**
|
|
54
|
+
* Maximum value required for numeric input types.
|
|
55
|
+
*/
|
|
34
56
|
max: number;
|
|
35
|
-
/**
|
|
57
|
+
/**
|
|
58
|
+
* Incremental values that are valid for numeric input types.
|
|
59
|
+
*/
|
|
36
60
|
step: number;
|
|
37
|
-
/**
|
|
61
|
+
/**
|
|
62
|
+
* Minimum length (number of characters) of value.
|
|
63
|
+
*/
|
|
38
64
|
set minLength(length: number);
|
|
39
65
|
/**
|
|
40
66
|
* Minimum length (number of characters) of value.
|
|
@@ -82,5 +108,5 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
|
|
|
82
108
|
/** @internal */
|
|
83
109
|
onInput(event: Event): void;
|
|
84
110
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
|
|
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>;
|
|
111
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvInputComponent, "nggv-input", never, { "size": { "alias": "size"; "required": false; }; "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>;
|
|
86
112
|
}
|
|
@@ -23,9 +23,17 @@ export declare class NggvRadioComponent extends NggvBaseControlValueAccessorComp
|
|
|
23
23
|
protected translocoScope: TranslocoScope;
|
|
24
24
|
protected registry: NggvRadioControlRegistry;
|
|
25
25
|
protected cdr: ChangeDetectorRef;
|
|
26
|
-
/**
|
|
26
|
+
/**
|
|
27
|
+
* Special property used for selecting DOM elements during automated UI testing.
|
|
28
|
+
*/
|
|
27
29
|
thook: string | null | undefined;
|
|
28
|
-
/**
|
|
30
|
+
/**
|
|
31
|
+
* Sets class on host element based on size input for styling
|
|
32
|
+
*/
|
|
33
|
+
size: 'small' | 'large';
|
|
34
|
+
/**
|
|
35
|
+
* Syncs a FormControl in an existing FormGroup to a form control element by name.
|
|
36
|
+
*/
|
|
29
37
|
formControlName?: string;
|
|
30
38
|
/**
|
|
31
39
|
* Creates a new RadioComponent
|
|
@@ -45,5 +53,5 @@ export declare class NggvRadioComponent extends NggvBaseControlValueAccessorComp
|
|
|
45
53
|
/** Checks that the name properties match and updates name property if only formControlName is given. */
|
|
46
54
|
private _checkName;
|
|
47
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvRadioComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvRadioComponent, "nggv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
56
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvRadioComponent, "nggv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
49
57
|
}
|
|
@@ -14,27 +14,53 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
|
|
|
14
14
|
protected translocoScope: TranslocoScope;
|
|
15
15
|
protected cdr: ChangeDetectorRef;
|
|
16
16
|
element: ElementRef;
|
|
17
|
-
/**
|
|
17
|
+
/**
|
|
18
|
+
* Adding .gds-form-item as a class to host element
|
|
19
|
+
*/
|
|
18
20
|
class: string;
|
|
19
|
-
/**
|
|
21
|
+
/**
|
|
22
|
+
* Adding .gds-form-item--small class based on size input for styling
|
|
23
|
+
*/
|
|
24
|
+
size: 'small' | 'large';
|
|
25
|
+
/**
|
|
26
|
+
* Special property used for selecting DOM elements during automated UI testing.
|
|
27
|
+
*/
|
|
20
28
|
thook: string | null | undefined;
|
|
21
|
-
/**
|
|
29
|
+
/**
|
|
30
|
+
* Type of input field. Should avoid types that modify field too much such as range.
|
|
31
|
+
*/
|
|
22
32
|
type: string;
|
|
23
|
-
/**
|
|
33
|
+
/**
|
|
34
|
+
* Text shown before input has a written value.
|
|
35
|
+
*/
|
|
24
36
|
placeholder?: string;
|
|
25
|
-
/**
|
|
37
|
+
/**
|
|
38
|
+
* If set to "on", hint for form autofill feature.
|
|
39
|
+
*/
|
|
26
40
|
autocomplete: string;
|
|
27
|
-
/**
|
|
41
|
+
/**
|
|
42
|
+
* If set to true, the value will not be editable.
|
|
43
|
+
*/
|
|
28
44
|
readonly: boolean;
|
|
29
|
-
/**
|
|
45
|
+
/**
|
|
46
|
+
* If set to true, enables the Angular template-driven email validator.
|
|
47
|
+
*/
|
|
30
48
|
email: boolean;
|
|
31
|
-
/**
|
|
49
|
+
/**
|
|
50
|
+
* Minimum value required for numeric input types.
|
|
51
|
+
*/
|
|
32
52
|
min: number;
|
|
33
|
-
/**
|
|
53
|
+
/**
|
|
54
|
+
* Maximum value required for numeric input types.
|
|
55
|
+
*/
|
|
34
56
|
max: number;
|
|
35
|
-
/**
|
|
57
|
+
/**
|
|
58
|
+
* Incremental values that are valid for numeric input types.
|
|
59
|
+
*/
|
|
36
60
|
step: number;
|
|
37
|
-
/**
|
|
61
|
+
/**
|
|
62
|
+
* Minimum length (number of characters) of value.
|
|
63
|
+
*/
|
|
38
64
|
set minLength(length: number);
|
|
39
65
|
/**
|
|
40
66
|
* Minimum length (number of characters) of value.
|
|
@@ -82,5 +108,5 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
|
|
|
82
108
|
/** @internal */
|
|
83
109
|
onInput(event: Event): void;
|
|
84
110
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
|
|
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>;
|
|
111
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvInputComponent, "nggv-input", never, { "size": { "alias": "size"; "required": false; }; "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>;
|
|
86
112
|
}
|
|
@@ -23,9 +23,17 @@ export declare class NggvRadioComponent extends NggvBaseControlValueAccessorComp
|
|
|
23
23
|
protected translocoScope: TranslocoScope;
|
|
24
24
|
protected registry: NggvRadioControlRegistry;
|
|
25
25
|
protected cdr: ChangeDetectorRef;
|
|
26
|
-
/**
|
|
26
|
+
/**
|
|
27
|
+
* Special property used for selecting DOM elements during automated UI testing.
|
|
28
|
+
*/
|
|
27
29
|
thook: string | null | undefined;
|
|
28
|
-
/**
|
|
30
|
+
/**
|
|
31
|
+
* Sets class on host element based on size input for styling
|
|
32
|
+
*/
|
|
33
|
+
size: 'small' | 'large';
|
|
34
|
+
/**
|
|
35
|
+
* Syncs a FormControl in an existing FormGroup to a form control element by name.
|
|
36
|
+
*/
|
|
29
37
|
formControlName?: string;
|
|
30
38
|
/**
|
|
31
39
|
* Creates a new RadioComponent
|
|
@@ -45,5 +53,5 @@ export declare class NggvRadioComponent extends NggvBaseControlValueAccessorComp
|
|
|
45
53
|
/** Checks that the name properties match and updates name property if only formControlName is given. */
|
|
46
54
|
private _checkName;
|
|
47
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvRadioComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvRadioComponent, "nggv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
56
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvRadioComponent, "nggv-radio", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
49
57
|
}
|