@sebgroup/green-angular 6.0.4 → 6.1.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/drag-drop/drag-drop.component.mjs +1 -1
- package/esm2022/src/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +63 -7
- 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 +4 -4
- package/esm2022/src/v-angular/i18n/i18n.json +1 -0
- package/esm2022/src/v-angular/input/input.component.mjs +2 -2
- package/esm2022/src/v-angular/modal/dialog/dialog.component.mjs +9 -3
- package/esm2022/src/v-angular/modal/fold-out/fold-out.component.mjs +7 -3
- package/esm2022/src/v-angular/modal/modal.types.mjs +1 -1
- package/esm2022/src/v-angular/table/table.component.mjs +16 -3
- package/esm2022/src/v-angular/textarea/textarea.component.mjs +2 -2
- package/esm2022/src/v-angular/toast/toast.component.mjs +3 -3
- package/esm2022/v-angular/drag-drop/drag-drop.component.mjs +1 -1
- package/esm2022/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +63 -7
- package/esm2022/v-angular/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.mjs +4 -4
- package/esm2022/v-angular/i18n/i18n.json +1 -0
- package/esm2022/v-angular/input/input.component.mjs +2 -2
- package/esm2022/v-angular/modal/dialog/dialog.component.mjs +9 -3
- package/esm2022/v-angular/modal/fold-out/fold-out.component.mjs +7 -3
- package/esm2022/v-angular/modal/modal.types.mjs +1 -1
- package/esm2022/v-angular/table/table.component.mjs +16 -3
- package/esm2022/v-angular/textarea/textarea.component.mjs +2 -2
- package/esm2022/v-angular/toast/toast.component.mjs +3 -3
- package/fesm2022/sebgroup-green-angular-src-v-angular-drag-drop.mjs +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-drag-drop.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs +66 -10
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs +2 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs +14 -4
- package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs +15 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-toast.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-toast.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-v-angular.mjs +104 -23
- package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
- package/package.json +8 -8
- package/src/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts +19 -4
- package/src/v-angular/modal/dialog/dialog.component.d.ts +2 -1
- package/src/v-angular/modal/fold-out/fold-out.component.d.ts +3 -1
- package/src/v-angular/modal/modal.types.d.ts +1 -0
- package/src/v-angular/table/table.component.d.ts +6 -1
- package/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts +19 -4
- package/v-angular/modal/dialog/dialog.component.d.ts +2 -1
- package/v-angular/modal/fold-out/fold-out.component.d.ts +3 -1
- package/v-angular/modal/modal.types.d.ts +1 -0
- package/v-angular/table/table.component.d.ts +6 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sebgroup/green-angular",
|
|
3
|
-
"version": "6.0
|
|
3
|
+
"version": "6.1.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/cdk": ">=18",
|
|
6
6
|
"@angular/common": ">=18",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"scroll-into-view-if-needed": "^2.2.31"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@sebgroup/green-core": "^1.88.
|
|
20
|
+
"@sebgroup/green-core": "^1.88.2",
|
|
21
21
|
"@sebgroup/chlorophyll": "^3.6.20",
|
|
22
22
|
"@sebgroup/extract": "^3.0.2",
|
|
23
23
|
"tslib": "^2.3.1"
|
|
@@ -57,18 +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/badge": {
|
|
61
|
-
"types": "./src/lib/badge/index.d.ts",
|
|
62
|
-
"esm2022": "./esm2022/src/lib/badge/sebgroup-green-angular-src-lib-badge.mjs",
|
|
63
|
-
"esm": "./esm2022/src/lib/badge/sebgroup-green-angular-src-lib-badge.mjs",
|
|
64
|
-
"default": "./fesm2022/sebgroup-green-angular-src-lib-badge.mjs"
|
|
65
|
-
},
|
|
66
60
|
"./src/lib/accordion": {
|
|
67
61
|
"types": "./src/lib/accordion/index.d.ts",
|
|
68
62
|
"esm2022": "./esm2022/src/lib/accordion/sebgroup-green-angular-src-lib-accordion.mjs",
|
|
69
63
|
"esm": "./esm2022/src/lib/accordion/sebgroup-green-angular-src-lib-accordion.mjs",
|
|
70
64
|
"default": "./fesm2022/sebgroup-green-angular-src-lib-accordion.mjs"
|
|
71
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
|
+
},
|
|
72
72
|
"./src/lib/button": {
|
|
73
73
|
"types": "./src/lib/button/index.d.ts",
|
|
74
74
|
"esm2022": "./esm2022/src/lib/button/sebgroup-green-angular-src-lib-button.mjs",
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
|
|
1
|
+
import { ElementRef, EventEmitter, OnChanges, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
2
|
import { TranslocoScope } from '@jsverse/transloco';
|
|
3
3
|
import { Subscription } from 'rxjs';
|
|
4
4
|
import { Option, OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class NggvDropdownListComponent implements OnInit, OnChanges {
|
|
7
7
|
protected translocoScope: TranslocoScope;
|
|
8
|
+
private renderer;
|
|
9
|
+
private elRef;
|
|
8
10
|
set expanded(state: boolean);
|
|
9
11
|
get expanded(): boolean;
|
|
10
12
|
state: any;
|
|
@@ -18,6 +20,7 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
|
|
|
18
20
|
id: any;
|
|
19
21
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
20
22
|
thook: string | null | undefined;
|
|
23
|
+
get positionAttr(): "bottom" | "top";
|
|
21
24
|
options: any[];
|
|
22
25
|
textToHighlight?: string;
|
|
23
26
|
/**
|
|
@@ -32,11 +35,17 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
|
|
|
32
35
|
* but not select the current active element with Space.
|
|
33
36
|
*/
|
|
34
37
|
selectWithSpace: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* When true, the dropdown will automatically choose to open above or below the input
|
|
40
|
+
* based on available space in the viewport, and will scale its height to fit if needed.
|
|
41
|
+
*/
|
|
42
|
+
dynamicPosition: boolean;
|
|
35
43
|
selectedValueChanged: EventEmitter<any>;
|
|
36
44
|
closed: EventEmitter<void>;
|
|
37
45
|
/** The current active option based on numeric index. */
|
|
38
46
|
activeIndex: number;
|
|
39
47
|
scope: string | undefined;
|
|
48
|
+
dropdownPosition: 'bottom' | 'top';
|
|
40
49
|
private dropdownUtils;
|
|
41
50
|
private _expanded;
|
|
42
51
|
private closed$;
|
|
@@ -47,7 +56,7 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
|
|
|
47
56
|
private onKeyDownSubscription;
|
|
48
57
|
private onKeyUpSubscription;
|
|
49
58
|
private _flattenedOptions;
|
|
50
|
-
constructor(translocoScope: TranslocoScope);
|
|
59
|
+
constructor(translocoScope: TranslocoScope, renderer: Renderer2, elRef: ElementRef);
|
|
51
60
|
ngOnInit(): void;
|
|
52
61
|
ngOnChanges(changes: SimpleChanges): void;
|
|
53
62
|
/**
|
|
@@ -106,6 +115,12 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
|
|
|
106
115
|
* @param key the result index which to scroll to.
|
|
107
116
|
*/
|
|
108
117
|
scrollToResult(option: any, focusElement?: boolean): void;
|
|
109
|
-
|
|
110
|
-
|
|
118
|
+
/**
|
|
119
|
+
* Calculates available space above and below the dropdown input,
|
|
120
|
+
* sets dropdownPosition ('top' or 'bottom') accordingly,
|
|
121
|
+
* and dynamically sets the max-height of the dropdown list to fit the viewport.
|
|
122
|
+
*/
|
|
123
|
+
setDropdownPosition(): void;
|
|
124
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownListComponent, [{ optional: true; }, null, null]>;
|
|
125
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownListComponent, "nggv-dropdown-list", never, { "expanded": { "alias": "expanded"; "required": false; }; "state": { "alias": "state"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "optionContentTpl": { "alias": "optionContentTpl"; "required": false; }; "groupLabelTpl": { "alias": "groupLabelTpl"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "options": { "alias": "options"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "onlyEmitDistinctChanges": { "alias": "onlyEmitDistinctChanges"; "required": false; }; "selectWithSpace": { "alias": "selectWithSpace"; "required": false; }; "dynamicPosition": { "alias": "dynamicPosition"; "required": false; }; }, { "selectedValueChanged": "selectedValueChanged"; "closed": "closed"; }, never, never, false, never>;
|
|
111
126
|
}
|
|
@@ -51,6 +51,7 @@ export declare class NggvDialogComponent implements OnInit, OnDestroy {
|
|
|
51
51
|
nggvPositiveEvent: EventEmitter<DialogEvent<any>>;
|
|
52
52
|
nggvNeutralEvent: EventEmitter<DialogEvent<any>>;
|
|
53
53
|
nggvNegativeEvent: EventEmitter<DialogEvent<any>>;
|
|
54
|
+
nggvDangerEvent: EventEmitter<DialogEvent<any>>;
|
|
54
55
|
protected _previous: HTMLElement | undefined;
|
|
55
56
|
protected _firstFocusable: HTMLElement | undefined;
|
|
56
57
|
protected _lastFocusable: HTMLElement | undefined;
|
|
@@ -67,5 +68,5 @@ export declare class NggvDialogComponent implements OnInit, OnDestroy {
|
|
|
67
68
|
private disableFocusTrap;
|
|
68
69
|
ngOnDestroy(): void;
|
|
69
70
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvDialogComponent, never>;
|
|
70
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvDialogComponent, "nggv-dialog", ["dialog"], { "thook": { "alias": "thook"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "initiallyShown": { "alias": "initiallyShown"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "payload": { "alias": "payload"; "required": false; }; "dialogTitleId": { "alias": "dialogTitleId"; "required": false; }; "dialogBodyId": { "alias": "dialogBodyId"; "required": false; }; "closeModalOnEscape": { "alias": "closeModalOnEscape"; "required": false; }; "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; }, never, ["*"], false, never>;
|
|
71
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvDialogComponent, "nggv-dialog", ["dialog"], { "thook": { "alias": "thook"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "initiallyShown": { "alias": "initiallyShown"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "payload": { "alias": "payload"; "required": false; }; "dialogTitleId": { "alias": "dialogTitleId"; "required": false; }; "dialogBodyId": { "alias": "dialogBodyId"; "required": false; }; "closeModalOnEscape": { "alias": "closeModalOnEscape"; "required": false; }; "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; "nggvDangerEvent": "nggvDangerEvent"; }, never, ["*"], false, never>;
|
|
71
72
|
}
|
|
@@ -12,6 +12,8 @@ export declare class NggvFoldOutComponent implements OnDestroy, AfterViewInit {
|
|
|
12
12
|
text?: string;
|
|
13
13
|
/** Aria label for the fold-out button */
|
|
14
14
|
ariaLabel?: string;
|
|
15
|
+
/** Sets the width property of the list. Default = fit-content */
|
|
16
|
+
listWidth: 'fit-content' | 'max-content' | 'min-content' | 'auto';
|
|
15
17
|
/** Emits when the children container collapses, for components with change detection strategy "OnPush" */
|
|
16
18
|
actionEmitter: EventEmitter<void>;
|
|
17
19
|
/** @internal */
|
|
@@ -45,5 +47,5 @@ export declare class NggvFoldOutComponent implements OnDestroy, AfterViewInit {
|
|
|
45
47
|
private takeAction;
|
|
46
48
|
private resetChildren;
|
|
47
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvFoldOutComponent, never>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvFoldOutComponent, "nggv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; "text": { "alias": "text"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "actionEmitter": "actionEmitter"; }, never, ["*"], false, never>;
|
|
50
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvFoldOutComponent, "nggv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; "text": { "alias": "text"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "listWidth": { "alias": "listWidth"; "required": false; }; }, { "actionEmitter": "actionEmitter"; }, never, ["*"], false, never>;
|
|
49
51
|
}
|
|
@@ -138,6 +138,11 @@ export declare class TableComponent<T extends TableRow> implements OnInit, OnCha
|
|
|
138
138
|
* Defaults to false.
|
|
139
139
|
*/
|
|
140
140
|
expandable: boolean;
|
|
141
|
+
/**
|
|
142
|
+
* Used to enable/disable the right-side expand icon column.
|
|
143
|
+
* Defaults to true.
|
|
144
|
+
*/
|
|
145
|
+
expandedByDefault: boolean;
|
|
141
146
|
/**
|
|
142
147
|
* Property name used to describe the subItems in the data table.
|
|
143
148
|
*/
|
|
@@ -235,5 +240,5 @@ export declare class TableComponent<T extends TableRow> implements OnInit, OnCha
|
|
|
235
240
|
getAriaLabel(column: TableColumn<T>): string | undefined;
|
|
236
241
|
private toggleRowToExpand;
|
|
237
242
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
|
|
238
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "nggv-table", never, { "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "rowId": { "alias": "rowId"; "required": false; }; "hasRowSpan": { "alias": "hasRowSpan"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "subItemsProp": { "alias": "subItemsProp"; "required": false; }; "allowLocalSort": { "alias": "allowLocalSort"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "trThookFn": { "alias": "trThookFn"; "required": false; }; "ariaLabelCheckboxTh": { "alias": "ariaLabelCheckboxTh"; "required": false; }; "ariaLabelCheckboxTr": { "alias": "ariaLabelCheckboxTr"; "required": false; }; "ariaLabelsOrderBy": { "alias": "ariaLabelsOrderBy"; "required": false; }; }, { "ngvRowClick": "ngvRowClick"; "ngvRowSelect": "ngvRowSelect"; "ngvOrderBy": "ngvOrderBy"; }, ["appendedRowsTemplate", "customFooterTemplate", "customTemplates"], ["*"], false, never>;
|
|
243
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "nggv-table", never, { "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "rowId": { "alias": "rowId"; "required": false; }; "hasRowSpan": { "alias": "hasRowSpan"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expandedByDefault": { "alias": "expandedByDefault"; "required": false; }; "subItemsProp": { "alias": "subItemsProp"; "required": false; }; "allowLocalSort": { "alias": "allowLocalSort"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "trThookFn": { "alias": "trThookFn"; "required": false; }; "ariaLabelCheckboxTh": { "alias": "ariaLabelCheckboxTh"; "required": false; }; "ariaLabelCheckboxTr": { "alias": "ariaLabelCheckboxTr"; "required": false; }; "ariaLabelsOrderBy": { "alias": "ariaLabelsOrderBy"; "required": false; }; }, { "ngvRowClick": "ngvRowClick"; "ngvRowSelect": "ngvRowSelect"; "ngvOrderBy": "ngvOrderBy"; }, ["appendedRowsTemplate", "customFooterTemplate", "customTemplates"], ["*"], false, never>;
|
|
239
244
|
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
|
|
1
|
+
import { ElementRef, EventEmitter, OnChanges, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
2
|
import { TranslocoScope } from '@jsverse/transloco';
|
|
3
3
|
import { Subscription } from 'rxjs';
|
|
4
4
|
import { Option, OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class NggvDropdownListComponent implements OnInit, OnChanges {
|
|
7
7
|
protected translocoScope: TranslocoScope;
|
|
8
|
+
private renderer;
|
|
9
|
+
private elRef;
|
|
8
10
|
set expanded(state: boolean);
|
|
9
11
|
get expanded(): boolean;
|
|
10
12
|
state: any;
|
|
@@ -18,6 +20,7 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
|
|
|
18
20
|
id: any;
|
|
19
21
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
20
22
|
thook: string | null | undefined;
|
|
23
|
+
get positionAttr(): "bottom" | "top";
|
|
21
24
|
options: any[];
|
|
22
25
|
textToHighlight?: string;
|
|
23
26
|
/**
|
|
@@ -32,11 +35,17 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
|
|
|
32
35
|
* but not select the current active element with Space.
|
|
33
36
|
*/
|
|
34
37
|
selectWithSpace: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* When true, the dropdown will automatically choose to open above or below the input
|
|
40
|
+
* based on available space in the viewport, and will scale its height to fit if needed.
|
|
41
|
+
*/
|
|
42
|
+
dynamicPosition: boolean;
|
|
35
43
|
selectedValueChanged: EventEmitter<any>;
|
|
36
44
|
closed: EventEmitter<void>;
|
|
37
45
|
/** The current active option based on numeric index. */
|
|
38
46
|
activeIndex: number;
|
|
39
47
|
scope: string | undefined;
|
|
48
|
+
dropdownPosition: 'bottom' | 'top';
|
|
40
49
|
private dropdownUtils;
|
|
41
50
|
private _expanded;
|
|
42
51
|
private closed$;
|
|
@@ -47,7 +56,7 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
|
|
|
47
56
|
private onKeyDownSubscription;
|
|
48
57
|
private onKeyUpSubscription;
|
|
49
58
|
private _flattenedOptions;
|
|
50
|
-
constructor(translocoScope: TranslocoScope);
|
|
59
|
+
constructor(translocoScope: TranslocoScope, renderer: Renderer2, elRef: ElementRef);
|
|
51
60
|
ngOnInit(): void;
|
|
52
61
|
ngOnChanges(changes: SimpleChanges): void;
|
|
53
62
|
/**
|
|
@@ -106,6 +115,12 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
|
|
|
106
115
|
* @param key the result index which to scroll to.
|
|
107
116
|
*/
|
|
108
117
|
scrollToResult(option: any, focusElement?: boolean): void;
|
|
109
|
-
|
|
110
|
-
|
|
118
|
+
/**
|
|
119
|
+
* Calculates available space above and below the dropdown input,
|
|
120
|
+
* sets dropdownPosition ('top' or 'bottom') accordingly,
|
|
121
|
+
* and dynamically sets the max-height of the dropdown list to fit the viewport.
|
|
122
|
+
*/
|
|
123
|
+
setDropdownPosition(): void;
|
|
124
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownListComponent, [{ optional: true; }, null, null]>;
|
|
125
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownListComponent, "nggv-dropdown-list", never, { "expanded": { "alias": "expanded"; "required": false; }; "state": { "alias": "state"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "optionContentTpl": { "alias": "optionContentTpl"; "required": false; }; "groupLabelTpl": { "alias": "groupLabelTpl"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "options": { "alias": "options"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "onlyEmitDistinctChanges": { "alias": "onlyEmitDistinctChanges"; "required": false; }; "selectWithSpace": { "alias": "selectWithSpace"; "required": false; }; "dynamicPosition": { "alias": "dynamicPosition"; "required": false; }; }, { "selectedValueChanged": "selectedValueChanged"; "closed": "closed"; }, never, never, false, never>;
|
|
111
126
|
}
|
|
@@ -51,6 +51,7 @@ export declare class NggvDialogComponent implements OnInit, OnDestroy {
|
|
|
51
51
|
nggvPositiveEvent: EventEmitter<DialogEvent<any>>;
|
|
52
52
|
nggvNeutralEvent: EventEmitter<DialogEvent<any>>;
|
|
53
53
|
nggvNegativeEvent: EventEmitter<DialogEvent<any>>;
|
|
54
|
+
nggvDangerEvent: EventEmitter<DialogEvent<any>>;
|
|
54
55
|
protected _previous: HTMLElement | undefined;
|
|
55
56
|
protected _firstFocusable: HTMLElement | undefined;
|
|
56
57
|
protected _lastFocusable: HTMLElement | undefined;
|
|
@@ -67,5 +68,5 @@ export declare class NggvDialogComponent implements OnInit, OnDestroy {
|
|
|
67
68
|
private disableFocusTrap;
|
|
68
69
|
ngOnDestroy(): void;
|
|
69
70
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvDialogComponent, never>;
|
|
70
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvDialogComponent, "nggv-dialog", ["dialog"], { "thook": { "alias": "thook"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "initiallyShown": { "alias": "initiallyShown"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "payload": { "alias": "payload"; "required": false; }; "dialogTitleId": { "alias": "dialogTitleId"; "required": false; }; "dialogBodyId": { "alias": "dialogBodyId"; "required": false; }; "closeModalOnEscape": { "alias": "closeModalOnEscape"; "required": false; }; "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; }, never, ["*"], false, never>;
|
|
71
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvDialogComponent, "nggv-dialog", ["dialog"], { "thook": { "alias": "thook"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "initiallyShown": { "alias": "initiallyShown"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "payload": { "alias": "payload"; "required": false; }; "dialogTitleId": { "alias": "dialogTitleId"; "required": false; }; "dialogBodyId": { "alias": "dialogBodyId"; "required": false; }; "closeModalOnEscape": { "alias": "closeModalOnEscape"; "required": false; }; "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "nggvCloseEvent": "nggvCloseEvent"; "nggvPositiveEvent": "nggvPositiveEvent"; "nggvNeutralEvent": "nggvNeutralEvent"; "nggvNegativeEvent": "nggvNegativeEvent"; "nggvDangerEvent": "nggvDangerEvent"; }, never, ["*"], false, never>;
|
|
71
72
|
}
|
|
@@ -12,6 +12,8 @@ export declare class NggvFoldOutComponent implements OnDestroy, AfterViewInit {
|
|
|
12
12
|
text?: string;
|
|
13
13
|
/** Aria label for the fold-out button */
|
|
14
14
|
ariaLabel?: string;
|
|
15
|
+
/** Sets the width property of the list. Default = fit-content */
|
|
16
|
+
listWidth: 'fit-content' | 'max-content' | 'min-content' | 'auto';
|
|
15
17
|
/** Emits when the children container collapses, for components with change detection strategy "OnPush" */
|
|
16
18
|
actionEmitter: EventEmitter<void>;
|
|
17
19
|
/** @internal */
|
|
@@ -45,5 +47,5 @@ export declare class NggvFoldOutComponent implements OnDestroy, AfterViewInit {
|
|
|
45
47
|
private takeAction;
|
|
46
48
|
private resetChildren;
|
|
47
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggvFoldOutComponent, never>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggvFoldOutComponent, "nggv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; "text": { "alias": "text"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "actionEmitter": "actionEmitter"; }, never, ["*"], false, never>;
|
|
50
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggvFoldOutComponent, "nggv-fold-out", never, { "thook": { "alias": "thook"; "required": false; }; "alignOptions": { "alias": "alignOptions"; "required": false; }; "text": { "alias": "text"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "listWidth": { "alias": "listWidth"; "required": false; }; }, { "actionEmitter": "actionEmitter"; }, never, ["*"], false, never>;
|
|
49
51
|
}
|
|
@@ -138,6 +138,11 @@ export declare class TableComponent<T extends TableRow> implements OnInit, OnCha
|
|
|
138
138
|
* Defaults to false.
|
|
139
139
|
*/
|
|
140
140
|
expandable: boolean;
|
|
141
|
+
/**
|
|
142
|
+
* Used to enable/disable the right-side expand icon column.
|
|
143
|
+
* Defaults to true.
|
|
144
|
+
*/
|
|
145
|
+
expandedByDefault: boolean;
|
|
141
146
|
/**
|
|
142
147
|
* Property name used to describe the subItems in the data table.
|
|
143
148
|
*/
|
|
@@ -235,5 +240,5 @@ export declare class TableComponent<T extends TableRow> implements OnInit, OnCha
|
|
|
235
240
|
getAriaLabel(column: TableColumn<T>): string | undefined;
|
|
236
241
|
private toggleRowToExpand;
|
|
237
242
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
|
|
238
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "nggv-table", never, { "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "rowId": { "alias": "rowId"; "required": false; }; "hasRowSpan": { "alias": "hasRowSpan"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "subItemsProp": { "alias": "subItemsProp"; "required": false; }; "allowLocalSort": { "alias": "allowLocalSort"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "trThookFn": { "alias": "trThookFn"; "required": false; }; "ariaLabelCheckboxTh": { "alias": "ariaLabelCheckboxTh"; "required": false; }; "ariaLabelCheckboxTr": { "alias": "ariaLabelCheckboxTr"; "required": false; }; "ariaLabelsOrderBy": { "alias": "ariaLabelsOrderBy"; "required": false; }; }, { "ngvRowClick": "ngvRowClick"; "ngvRowSelect": "ngvRowSelect"; "ngvOrderBy": "ngvOrderBy"; }, ["appendedRowsTemplate", "customFooterTemplate", "customTemplates"], ["*"], false, never>;
|
|
243
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "nggv-table", never, { "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "rowId": { "alias": "rowId"; "required": false; }; "hasRowSpan": { "alias": "hasRowSpan"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expandedByDefault": { "alias": "expandedByDefault"; "required": false; }; "subItemsProp": { "alias": "subItemsProp"; "required": false; }; "allowLocalSort": { "alias": "allowLocalSort"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "trThookFn": { "alias": "trThookFn"; "required": false; }; "ariaLabelCheckboxTh": { "alias": "ariaLabelCheckboxTh"; "required": false; }; "ariaLabelCheckboxTr": { "alias": "ariaLabelCheckboxTr"; "required": false; }; "ariaLabelsOrderBy": { "alias": "ariaLabelsOrderBy"; "required": false; }; }, { "ngvRowClick": "ngvRowClick"; "ngvRowSelect": "ngvRowSelect"; "ngvOrderBy": "ngvOrderBy"; }, ["appendedRowsTemplate", "customFooterTemplate", "customTemplates"], ["*"], false, never>;
|
|
239
244
|
}
|