@sebgroup/green-angular 5.12.1 → 5.13.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 +24 -4
- package/esm2022/src/v-angular/datepicker/components/date-input/date-input.component.mjs +21 -3
- package/esm2022/src/v-angular/dropdown/dropdown.component.mjs +33 -4
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead.directive.mjs +2 -1
- package/esm2022/src/v-angular/textarea/textarea.component.mjs +27 -3
- package/esm2022/v-angular/checkbox/checkbox.component.mjs +24 -4
- package/esm2022/v-angular/datepicker/components/date-input/date-input.component.mjs +21 -3
- package/esm2022/v-angular/dropdown/dropdown.component.mjs +33 -4
- package/esm2022/v-angular/dropdown/typeahead/typeahead.directive.mjs +2 -1
- package/esm2022/v-angular/textarea/textarea.component.mjs +27 -3
- package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs +23 -3
- package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs +20 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs +33 -3
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs +26 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-v-angular.mjs +102 -10
- package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
- package/package.json +11 -11
- package/src/v-angular/checkbox/checkbox.component.d.ts +10 -2
- package/src/v-angular/datepicker/components/date-input/date-input.component.d.ts +7 -1
- package/src/v-angular/dropdown/dropdown.component.d.ts +17 -2
- package/src/v-angular/textarea/textarea.component.d.ts +13 -1
- package/v-angular/checkbox/checkbox.component.d.ts +10 -2
- package/v-angular/datepicker/components/date-input/date-input.component.d.ts +7 -1
- package/v-angular/dropdown/dropdown.component.d.ts +17 -2
- package/v-angular/textarea/textarea.component.d.ts +13 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sebgroup/green-angular",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.13.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/cdk": ">=17.3.10",
|
|
6
6
|
"@angular/common": ">=17.3.12",
|
|
@@ -123,11 +123,11 @@
|
|
|
123
123
|
"esm": "./esm2022/src/lib/progress-circle/sebgroup-green-angular-src-lib-progress-circle.mjs",
|
|
124
124
|
"default": "./fesm2022/sebgroup-green-angular-src-lib-progress-circle.mjs"
|
|
125
125
|
},
|
|
126
|
-
"./src/lib/
|
|
127
|
-
"types": "./src/lib/
|
|
128
|
-
"esm2022": "./esm2022/src/lib/
|
|
129
|
-
"esm": "./esm2022/src/lib/
|
|
130
|
-
"default": "./fesm2022/sebgroup-green-angular-src-lib-
|
|
126
|
+
"./src/lib/segmented-control": {
|
|
127
|
+
"types": "./src/lib/segmented-control/index.d.ts",
|
|
128
|
+
"esm2022": "./esm2022/src/lib/segmented-control/sebgroup-green-angular-src-lib-segmented-control.mjs",
|
|
129
|
+
"esm": "./esm2022/src/lib/segmented-control/sebgroup-green-angular-src-lib-segmented-control.mjs",
|
|
130
|
+
"default": "./fesm2022/sebgroup-green-angular-src-lib-segmented-control.mjs"
|
|
131
131
|
},
|
|
132
132
|
"./src/lib/shared": {
|
|
133
133
|
"types": "./src/lib/shared/index.d.ts",
|
|
@@ -135,11 +135,11 @@
|
|
|
135
135
|
"esm": "./esm2022/src/lib/shared/sebgroup-green-angular-src-lib-shared.mjs",
|
|
136
136
|
"default": "./fesm2022/sebgroup-green-angular-src-lib-shared.mjs"
|
|
137
137
|
},
|
|
138
|
-
"./src/lib/
|
|
139
|
-
"types": "./src/lib/
|
|
140
|
-
"esm2022": "./esm2022/src/lib/
|
|
141
|
-
"esm": "./esm2022/src/lib/
|
|
142
|
-
"default": "./fesm2022/sebgroup-green-angular-src-lib-
|
|
138
|
+
"./src/lib/slider": {
|
|
139
|
+
"types": "./src/lib/slider/index.d.ts",
|
|
140
|
+
"esm2022": "./esm2022/src/lib/slider/sebgroup-green-angular-src-lib-slider.mjs",
|
|
141
|
+
"esm": "./esm2022/src/lib/slider/sebgroup-green-angular-src-lib-slider.mjs",
|
|
142
|
+
"default": "./fesm2022/sebgroup-green-angular-src-lib-slider.mjs"
|
|
143
143
|
},
|
|
144
144
|
"./src/lib/sortable-list": {
|
|
145
145
|
"types": "./src/lib/sortable-list/index.d.ts",
|
|
@@ -12,8 +12,16 @@ export declare class NggvCheckboxComponent extends NggvBaseControlValueAccessorC
|
|
|
12
12
|
ngControl: NgControl;
|
|
13
13
|
protected translocoScope: TranslocoScope;
|
|
14
14
|
protected cdr: ChangeDetectorRef;
|
|
15
|
-
/**
|
|
15
|
+
/**
|
|
16
|
+
* Special property used for selecting DOM elements during automated UI testing.
|
|
17
|
+
*/
|
|
16
18
|
thook: string | null | undefined;
|
|
19
|
+
get isSmall(): boolean;
|
|
20
|
+
get isLarge(): boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Sets the displayed size of the checkbox
|
|
23
|
+
*/
|
|
24
|
+
size: 'small' | 'large';
|
|
17
25
|
optionalLabel: string;
|
|
18
26
|
readonly valueChange: EventEmitter<string>;
|
|
19
27
|
constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
|
|
@@ -24,5 +32,5 @@ export declare class NggvCheckboxComponent extends NggvBaseControlValueAccessorC
|
|
|
24
32
|
/** Registers a callback function that is called when the child input element's value changes. */
|
|
25
33
|
registerOnChange(fn: (checked: any) => any): void;
|
|
26
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvCheckboxComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvCheckboxComponent, "nggv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvCheckboxComponent, "nggv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
|
|
28
36
|
}
|
|
@@ -33,6 +33,8 @@ export declare class DateInputComponent extends DateControlValueAccessorComponen
|
|
|
33
33
|
toggleButtonRef?: ElementRef<HTMLButtonElement>;
|
|
34
34
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
35
35
|
thook: string | null | undefined;
|
|
36
|
+
get isSmall(): boolean;
|
|
37
|
+
get isLarge(): boolean;
|
|
36
38
|
/** Set type of calendar: either 'normal' or 'expanded'. Default is 'normal'. */
|
|
37
39
|
type: CalendarType;
|
|
38
40
|
/** If set to true, the value will not be editable. */
|
|
@@ -59,6 +61,10 @@ export declare class DateInputComponent extends DateControlValueAccessorComponen
|
|
|
59
61
|
firstDayOfWeek: WeekDay;
|
|
60
62
|
/** If set to true, it will allow to close the calendar on escape button click. */
|
|
61
63
|
closeCalendarOnEscape: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Sets the displayed size of the date input field.
|
|
66
|
+
*/
|
|
67
|
+
size: 'small' | 'large';
|
|
62
68
|
/** @internal */
|
|
63
69
|
/** @internal */
|
|
64
70
|
shown: boolean;
|
|
@@ -98,5 +104,5 @@ export declare class DateInputComponent extends DateControlValueAccessorComponen
|
|
|
98
104
|
*/
|
|
99
105
|
private setShown;
|
|
100
106
|
static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null, null]>;
|
|
101
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "nggv-dateinput,nggv-input[type=date]", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minRows": { "alias": "minRows"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "closeCalendarOnEscape": { "alias": "closeCalendarOnEscape"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
107
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "nggv-dateinput,nggv-input[type=date]", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minRows": { "alias": "minRows"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "closeCalendarOnEscape": { "alias": "closeCalendarOnEscape"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
102
108
|
}
|
|
@@ -19,8 +19,16 @@ export declare class NggvDropdownComponent<K = string | null | undefined, V = st
|
|
|
19
19
|
selectedContentTpl: TemplateRef<OptionBase<T>> | undefined;
|
|
20
20
|
optionContentTpl: TemplateRef<OptionBase<any>> | undefined;
|
|
21
21
|
groupLabelTpl: TemplateRef<OptionBase<any>> | undefined;
|
|
22
|
-
/**
|
|
22
|
+
/**
|
|
23
|
+
* Special property used for selecting DOM elements during automated UI testing.
|
|
24
|
+
*/
|
|
23
25
|
thook: string | null | undefined;
|
|
26
|
+
get isSmall(): boolean;
|
|
27
|
+
get isLarge(): boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Sets the displayed size of the dropdown.
|
|
30
|
+
*/
|
|
31
|
+
size: 'small' | 'large';
|
|
24
32
|
/** Text shown before an option is selected. */
|
|
25
33
|
placeholder?: string;
|
|
26
34
|
/** Specific value for aria-label. If not provided, label/labelTpl will be used. */
|
|
@@ -44,6 +52,13 @@ export declare class NggvDropdownComponent<K = string | null | undefined, V = st
|
|
|
44
52
|
* Defaults to true.
|
|
45
53
|
*/
|
|
46
54
|
selectOnSingleOption: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Used to determine which changes should be handled by the dropdown.
|
|
57
|
+
* If set to false, all changes will be handled by the dropdown.
|
|
58
|
+
* If set to true, only changes that are distinct from the current value will be handled.
|
|
59
|
+
* Defaults to true.
|
|
60
|
+
*/
|
|
61
|
+
onlyHandleDistinctChanges: boolean;
|
|
47
62
|
/**
|
|
48
63
|
* Emits changes of the expanded state of the dropdown
|
|
49
64
|
*/
|
|
@@ -99,5 +114,5 @@ export declare class NggvDropdownComponent<K = string | null | undefined, V = st
|
|
|
99
114
|
*/
|
|
100
115
|
isOption(option: OptionBase<T>): option is OptionGroup<T>;
|
|
101
116
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownComponent<any, any, any>, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
|
|
102
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "allowControlNullishOption": { "alias": "allowControlNullishOption"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "selectOnSingleOption": { "alias": "selectOnSingleOption"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl", "groupLabelTpl"], ["*"], false, never>;
|
|
117
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "allowControlNullishOption": { "alias": "allowControlNullishOption"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "selectOnSingleOption": { "alias": "selectOnSingleOption"; "required": false; }; "onlyHandleDistinctChanges": { "alias": "onlyHandleDistinctChanges"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl", "groupLabelTpl"], ["*"], false, never>;
|
|
103
118
|
}
|
|
@@ -11,6 +11,14 @@ export declare class NggvTextareaComponent extends NggvBaseControlValueAccessorC
|
|
|
11
11
|
protected cdr: ChangeDetectorRef;
|
|
12
12
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
13
13
|
thook: string | null | undefined;
|
|
14
|
+
/**
|
|
15
|
+
* Sets the small class based on the size input.
|
|
16
|
+
*/
|
|
17
|
+
get isSmall(): boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Sets the large class based on the size input.
|
|
20
|
+
*/
|
|
21
|
+
get isLarge(): boolean;
|
|
14
22
|
/** Text shown before input has a written value. */
|
|
15
23
|
placeholder?: string;
|
|
16
24
|
/** If set to true, the value will not be editable. */
|
|
@@ -37,9 +45,13 @@ export declare class NggvTextareaComponent extends NggvBaseControlValueAccessorC
|
|
|
37
45
|
private _minlength;
|
|
38
46
|
/** Sets the height of the textarea and disables resize. A scrollbar will appear if necessary. */
|
|
39
47
|
rows?: number;
|
|
48
|
+
/**
|
|
49
|
+
* Sets the displayed size of the textarea.
|
|
50
|
+
*/
|
|
51
|
+
size: 'small' | 'large';
|
|
40
52
|
constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
|
|
41
53
|
/** @internal */
|
|
42
54
|
onInput(event: Event): void;
|
|
43
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvTextareaComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
|
|
44
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvTextareaComponent, "nggv-textarea", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
56
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvTextareaComponent, "nggv-textarea", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
45
57
|
}
|
|
@@ -12,8 +12,16 @@ export declare class NggvCheckboxComponent extends NggvBaseControlValueAccessorC
|
|
|
12
12
|
ngControl: NgControl;
|
|
13
13
|
protected translocoScope: TranslocoScope;
|
|
14
14
|
protected cdr: ChangeDetectorRef;
|
|
15
|
-
/**
|
|
15
|
+
/**
|
|
16
|
+
* Special property used for selecting DOM elements during automated UI testing.
|
|
17
|
+
*/
|
|
16
18
|
thook: string | null | undefined;
|
|
19
|
+
get isSmall(): boolean;
|
|
20
|
+
get isLarge(): boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Sets the displayed size of the checkbox
|
|
23
|
+
*/
|
|
24
|
+
size: 'small' | 'large';
|
|
17
25
|
optionalLabel: string;
|
|
18
26
|
readonly valueChange: EventEmitter<string>;
|
|
19
27
|
constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
|
|
@@ -24,5 +32,5 @@ export declare class NggvCheckboxComponent extends NggvBaseControlValueAccessorC
|
|
|
24
32
|
/** Registers a callback function that is called when the child input element's value changes. */
|
|
25
33
|
registerOnChange(fn: (checked: any) => any): void;
|
|
26
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvCheckboxComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvCheckboxComponent, "nggv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvCheckboxComponent, "nggv-checkbox", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "optionalLabel": { "alias": "optionalLabel"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
|
|
28
36
|
}
|
|
@@ -33,6 +33,8 @@ export declare class DateInputComponent extends DateControlValueAccessorComponen
|
|
|
33
33
|
toggleButtonRef?: ElementRef<HTMLButtonElement>;
|
|
34
34
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
35
35
|
thook: string | null | undefined;
|
|
36
|
+
get isSmall(): boolean;
|
|
37
|
+
get isLarge(): boolean;
|
|
36
38
|
/** Set type of calendar: either 'normal' or 'expanded'. Default is 'normal'. */
|
|
37
39
|
type: CalendarType;
|
|
38
40
|
/** If set to true, the value will not be editable. */
|
|
@@ -59,6 +61,10 @@ export declare class DateInputComponent extends DateControlValueAccessorComponen
|
|
|
59
61
|
firstDayOfWeek: WeekDay;
|
|
60
62
|
/** If set to true, it will allow to close the calendar on escape button click. */
|
|
61
63
|
closeCalendarOnEscape: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Sets the displayed size of the date input field.
|
|
66
|
+
*/
|
|
67
|
+
size: 'small' | 'large';
|
|
62
68
|
/** @internal */
|
|
63
69
|
/** @internal */
|
|
64
70
|
shown: boolean;
|
|
@@ -98,5 +104,5 @@ export declare class DateInputComponent extends DateControlValueAccessorComponen
|
|
|
98
104
|
*/
|
|
99
105
|
private setShown;
|
|
100
106
|
static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null, null]>;
|
|
101
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "nggv-dateinput,nggv-input[type=date]", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minRows": { "alias": "minRows"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "closeCalendarOnEscape": { "alias": "closeCalendarOnEscape"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
107
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "nggv-dateinput,nggv-input[type=date]", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minRows": { "alias": "minRows"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "closeCalendarOnEscape": { "alias": "closeCalendarOnEscape"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
102
108
|
}
|
|
@@ -19,8 +19,16 @@ export declare class NggvDropdownComponent<K = string | null | undefined, V = st
|
|
|
19
19
|
selectedContentTpl: TemplateRef<OptionBase<T>> | undefined;
|
|
20
20
|
optionContentTpl: TemplateRef<OptionBase<any>> | undefined;
|
|
21
21
|
groupLabelTpl: TemplateRef<OptionBase<any>> | undefined;
|
|
22
|
-
/**
|
|
22
|
+
/**
|
|
23
|
+
* Special property used for selecting DOM elements during automated UI testing.
|
|
24
|
+
*/
|
|
23
25
|
thook: string | null | undefined;
|
|
26
|
+
get isSmall(): boolean;
|
|
27
|
+
get isLarge(): boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Sets the displayed size of the dropdown.
|
|
30
|
+
*/
|
|
31
|
+
size: 'small' | 'large';
|
|
24
32
|
/** Text shown before an option is selected. */
|
|
25
33
|
placeholder?: string;
|
|
26
34
|
/** Specific value for aria-label. If not provided, label/labelTpl will be used. */
|
|
@@ -44,6 +52,13 @@ export declare class NggvDropdownComponent<K = string | null | undefined, V = st
|
|
|
44
52
|
* Defaults to true.
|
|
45
53
|
*/
|
|
46
54
|
selectOnSingleOption: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Used to determine which changes should be handled by the dropdown.
|
|
57
|
+
* If set to false, all changes will be handled by the dropdown.
|
|
58
|
+
* If set to true, only changes that are distinct from the current value will be handled.
|
|
59
|
+
* Defaults to true.
|
|
60
|
+
*/
|
|
61
|
+
onlyHandleDistinctChanges: boolean;
|
|
47
62
|
/**
|
|
48
63
|
* Emits changes of the expanded state of the dropdown
|
|
49
64
|
*/
|
|
@@ -99,5 +114,5 @@ export declare class NggvDropdownComponent<K = string | null | undefined, V = st
|
|
|
99
114
|
*/
|
|
100
115
|
isOption(option: OptionBase<T>): option is OptionGroup<T>;
|
|
101
116
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownComponent<any, any, any>, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
|
|
102
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "allowControlNullishOption": { "alias": "allowControlNullishOption"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "selectOnSingleOption": { "alias": "selectOnSingleOption"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl", "groupLabelTpl"], ["*"], false, never>;
|
|
117
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "allowControlNullishOption": { "alias": "allowControlNullishOption"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "selectOnSingleOption": { "alias": "selectOnSingleOption"; "required": false; }; "onlyHandleDistinctChanges": { "alias": "onlyHandleDistinctChanges"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl", "groupLabelTpl"], ["*"], false, never>;
|
|
103
118
|
}
|
|
@@ -11,6 +11,14 @@ export declare class NggvTextareaComponent extends NggvBaseControlValueAccessorC
|
|
|
11
11
|
protected cdr: ChangeDetectorRef;
|
|
12
12
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
13
13
|
thook: string | null | undefined;
|
|
14
|
+
/**
|
|
15
|
+
* Sets the small class based on the size input.
|
|
16
|
+
*/
|
|
17
|
+
get isSmall(): boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Sets the large class based on the size input.
|
|
20
|
+
*/
|
|
21
|
+
get isLarge(): boolean;
|
|
14
22
|
/** Text shown before input has a written value. */
|
|
15
23
|
placeholder?: string;
|
|
16
24
|
/** If set to true, the value will not be editable. */
|
|
@@ -37,9 +45,13 @@ export declare class NggvTextareaComponent extends NggvBaseControlValueAccessorC
|
|
|
37
45
|
private _minlength;
|
|
38
46
|
/** Sets the height of the textarea and disables resize. A scrollbar will appear if necessary. */
|
|
39
47
|
rows?: number;
|
|
48
|
+
/**
|
|
49
|
+
* Sets the displayed size of the textarea.
|
|
50
|
+
*/
|
|
51
|
+
size: 'small' | 'large';
|
|
40
52
|
constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
|
|
41
53
|
/** @internal */
|
|
42
54
|
onInput(event: Event): void;
|
|
43
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvTextareaComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
|
|
44
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvTextareaComponent, "nggv-textarea", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
56
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvTextareaComponent, "nggv-textarea", never, { "thook": { "alias": "thook"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
45
57
|
}
|