@skyux/angular-tree-component 12.22.0 → 13.0.0-alpha.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/fesm2022/skyux-angular-tree-component.mjs +38 -47
- package/fesm2022/skyux-angular-tree-component.mjs.map +1 -1
- package/index.d.ts +177 -3
- package/package.json +9 -9
- package/lib/modules/angular-tree/angular-tree-adapter.service.d.ts +0 -13
- package/lib/modules/angular-tree/angular-tree-context-menu.component.d.ts +0 -8
- package/lib/modules/angular-tree/angular-tree-node.component.d.ts +0 -82
- package/lib/modules/angular-tree/angular-tree-toolbar.component.d.ts +0 -18
- package/lib/modules/angular-tree/angular-tree-wrapper.component.d.ts +0 -51
- package/lib/modules/angular-tree/angular-tree.module.d.ts +0 -17
- package/lib/modules/shared/sky-angular-tree-component-resources.module.d.ts +0 -10
package/index.d.ts
CHANGED
|
@@ -1,3 +1,177 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { AfterViewInit, OnInit, TemplateRef, ElementRef, EventEmitter } from '@angular/core';
|
|
3
|
+
import * as i11 from '@blackbaud/angular-tree-component';
|
|
4
|
+
import { TreeNode, TreeComponent } from '@blackbaud/angular-tree-component';
|
|
5
|
+
import * as i5 from '@angular/common';
|
|
6
|
+
import * as i1 from '@skyux/i18n';
|
|
7
|
+
import * as i7 from '@skyux/forms';
|
|
8
|
+
import * as i8 from '@skyux/help-inline';
|
|
9
|
+
import * as i9 from '@skyux/icon';
|
|
10
|
+
import * as i10 from '@skyux/layout';
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* @internal
|
|
14
|
+
*/
|
|
15
|
+
declare class SkyAngularTreeContextMenuComponent {
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAngularTreeContextMenuComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyAngularTreeContextMenuComponent, "sky-angular-tree-context-menu", never, {}, {}, never, ["*"], false, never>;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Replaces the default tree node template with a SKY UX node as part of the `SkyAngularTreeModule` that
|
|
22
|
+
* provides SKY UX components and styles to complement the `angular-tree-component` library and apply SKY UX
|
|
23
|
+
* themes and functionality to hierarchical list views. You must wrap this component in an `ng-template`
|
|
24
|
+
* tag with the template reference variable `#treeNodeFullTemplate`. For information about tree node templates,
|
|
25
|
+
* see the [Angular tree component documentation](https://angular2-tree.readme.io/docs/templates).
|
|
26
|
+
* To display context menus with actions for individual items in hierarchical lists, place
|
|
27
|
+
* [dropdowns](https://developer.blackbaud.com/skyux-popovers/docs/dropdown?docs-active-tab=design) inside the
|
|
28
|
+
* Angular tree node component, which automatically handles styling and positioning for context menus.
|
|
29
|
+
*/
|
|
30
|
+
declare class SkyAngularTreeNodeComponent implements AfterViewInit, OnInit {
|
|
31
|
+
#private;
|
|
32
|
+
/**
|
|
33
|
+
* The `index` property from the parent `ng-template`.
|
|
34
|
+
* @required
|
|
35
|
+
*/
|
|
36
|
+
index: number | undefined;
|
|
37
|
+
/**
|
|
38
|
+
* The `node` property from the parent `ng-template`. For information about the `TreeNode` object, see the
|
|
39
|
+
* [Angular tree component documentation](https://angular2-tree.readme.io/docs/api).
|
|
40
|
+
* @required
|
|
41
|
+
*/
|
|
42
|
+
node: TreeNode | undefined;
|
|
43
|
+
/**
|
|
44
|
+
* The `templates` property from the parent `ng-template`.
|
|
45
|
+
*/
|
|
46
|
+
templates: any;
|
|
47
|
+
/**
|
|
48
|
+
* A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
49
|
+
* button is placed beside the tree node label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
|
|
50
|
+
* as configured by the application.
|
|
51
|
+
*/
|
|
52
|
+
helpKey: string | undefined;
|
|
53
|
+
/**
|
|
54
|
+
* The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
55
|
+
* button is added to the tree node. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
|
|
56
|
+
* when clicked using the specified content and optional title.
|
|
57
|
+
*/
|
|
58
|
+
helpPopoverContent: string | TemplateRef<unknown> | undefined;
|
|
59
|
+
/**
|
|
60
|
+
* The title of the help popover. This property only applies when `helpPopoverContent` is
|
|
61
|
+
* also specified.
|
|
62
|
+
*/
|
|
63
|
+
helpPopoverTitle: string | undefined;
|
|
64
|
+
set childFocusIndex(value: number | undefined);
|
|
65
|
+
get childFocusIndex(): number | undefined;
|
|
66
|
+
set focused(value: boolean);
|
|
67
|
+
set isPartiallySelected(value: boolean);
|
|
68
|
+
get isPartiallySelected(): boolean;
|
|
69
|
+
set isSelected(value: boolean);
|
|
70
|
+
get isSelected(): boolean;
|
|
71
|
+
set tabIndex(value: number);
|
|
72
|
+
get tabIndex(): number;
|
|
73
|
+
nodeContentWrapperRef: ElementRef | undefined;
|
|
74
|
+
protected set nodeName(value: string);
|
|
75
|
+
protected get nodeName(): string;
|
|
76
|
+
ngOnInit(): void;
|
|
77
|
+
ngAfterViewInit(): void;
|
|
78
|
+
/**
|
|
79
|
+
* If single-select, set aria-selected=true for the selected node and undefined for all the others.
|
|
80
|
+
* For multiple-select, set aria-selected to either true or false.
|
|
81
|
+
* If node cannot be selected, aria-selected should be undefined (e.g. parent nodes in leaf-select-only mode).
|
|
82
|
+
* @internal
|
|
83
|
+
*/
|
|
84
|
+
ariaSelected(): boolean | undefined;
|
|
85
|
+
showCheckbox(): boolean;
|
|
86
|
+
showSelectedClass(): boolean;
|
|
87
|
+
showActiveClass(): boolean;
|
|
88
|
+
showTogglePlaceholder(): boolean;
|
|
89
|
+
onFocus(): void;
|
|
90
|
+
onMouseDown(): void;
|
|
91
|
+
onMouseUp(): void;
|
|
92
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
93
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAngularTreeNodeComponent, never>;
|
|
94
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyAngularTreeNodeComponent, "sky-angular-tree-node", never, { "index": { "alias": "index"; "required": false; }; "node": { "alias": "node"; "required": false; }; "templates": { "alias": "templates"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; }, {}, never, ["sky-dropdown", ".sky-control-help"], false, never>;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
/**
|
|
98
|
+
* Wraps the Angular `tree-root` component as part of the `SkyAngularTreeModule` that provides
|
|
99
|
+
* SKY UX components and styles to complement the `angular-tree-component` library and apply SKY UX
|
|
100
|
+
* themes and functionality to hierarchical list views. For information about the `tree-root` component, see the
|
|
101
|
+
* [Angular tree component documentation](https://angular2-tree.readme.io/docs).
|
|
102
|
+
*/
|
|
103
|
+
declare class SkyAngularTreeWrapperComponent implements AfterViewInit {
|
|
104
|
+
#private;
|
|
105
|
+
/**
|
|
106
|
+
* Whether to render the tree view in read-only mode.
|
|
107
|
+
* This mode disables selected and active states on the tree view nodes.
|
|
108
|
+
* @default false
|
|
109
|
+
*/
|
|
110
|
+
readOnly: boolean | undefined;
|
|
111
|
+
/**
|
|
112
|
+
* Whether to use leaf-only selection mode. For tree views with
|
|
113
|
+
* [checkboxes](https://angular2-tree.readme.io/docs/tri-state-checkboxes),
|
|
114
|
+
* this mode limits user selections to leaf nodes and prevents users from selecting parent nodes.
|
|
115
|
+
* @default false
|
|
116
|
+
*/
|
|
117
|
+
selectLeafNodesOnly: boolean | undefined;
|
|
118
|
+
/**
|
|
119
|
+
* Whether to use single-select mode. For tree views with
|
|
120
|
+
* [checkboxes](https://angular2-tree.readme.io/docs/tri-state-checkboxes),
|
|
121
|
+
* this mode limits user selections to one node at a time.
|
|
122
|
+
* @default false
|
|
123
|
+
*/
|
|
124
|
+
selectSingle: boolean | undefined;
|
|
125
|
+
/**
|
|
126
|
+
* Whether to display a toolbar with buttons to expand and collapse all nodes and buttons to select and clear all checkboxes.
|
|
127
|
+
* The select and clear buttons only appear when you enable checkboxes.
|
|
128
|
+
* To enable [checkboxes](https://angular2-tree.readme.io/docs/tri-state-checkboxes).
|
|
129
|
+
* @default false
|
|
130
|
+
*/
|
|
131
|
+
showToolbar: boolean | undefined;
|
|
132
|
+
selectableNodeIds: Record<string, unknown>;
|
|
133
|
+
treeComponent: TreeComponent | undefined;
|
|
134
|
+
ngAfterViewInit(): void;
|
|
135
|
+
multiselectable(): boolean;
|
|
136
|
+
onClearAllClick(): void;
|
|
137
|
+
onCollapseAllClick(): void;
|
|
138
|
+
onExpandAllClick(): void;
|
|
139
|
+
onSelectAllClick(): void;
|
|
140
|
+
showSelectButtons(): boolean;
|
|
141
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAngularTreeWrapperComponent, never>;
|
|
142
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyAngularTreeWrapperComponent, "sky-angular-tree-wrapper", never, { "readOnly": { "alias": "readOnly"; "required": false; }; "selectLeafNodesOnly": { "alias": "selectLeafNodesOnly"; "required": false; }; "selectSingle": { "alias": "selectSingle"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; }, {}, ["treeComponent"], ["tree-root"], false, never>;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* @internal
|
|
147
|
+
*/
|
|
148
|
+
declare class SkyTreeViewToolbarComponent {
|
|
149
|
+
showSelectButtons: boolean | undefined;
|
|
150
|
+
clearAllClick: EventEmitter<void>;
|
|
151
|
+
collapseAllClick: EventEmitter<void>;
|
|
152
|
+
expandAllClick: EventEmitter<void>;
|
|
153
|
+
selectAllClick: EventEmitter<void>;
|
|
154
|
+
onClearAllClick(): void;
|
|
155
|
+
onCollapseAllClick(): void;
|
|
156
|
+
onExpandAllClick(): void;
|
|
157
|
+
onSelectAllClick(): void;
|
|
158
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTreeViewToolbarComponent, never>;
|
|
159
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTreeViewToolbarComponent, "sky-angular-tree-toolbar", never, { "showSelectButtons": { "alias": "showSelectButtons"; "required": false; }; }, { "clearAllClick": "clearAllClick"; "collapseAllClick": "collapseAllClick"; "expandAllClick": "expandAllClick"; "selectAllClick": "selectAllClick"; }, never, never, false, never>;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
/**
|
|
163
|
+
* Import into any component library module that needs to use resource strings.
|
|
164
|
+
*/
|
|
165
|
+
declare class SkyAngularTreeComponentResourcesModule {
|
|
166
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAngularTreeComponentResourcesModule, never>;
|
|
167
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyAngularTreeComponentResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
|
|
168
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SkyAngularTreeComponentResourcesModule>;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
declare class SkyAngularTreeModule {
|
|
172
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAngularTreeModule, never>;
|
|
173
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyAngularTreeModule, [typeof SkyAngularTreeContextMenuComponent, typeof SkyAngularTreeNodeComponent, typeof SkyAngularTreeWrapperComponent, typeof SkyTreeViewToolbarComponent], [typeof i5.CommonModule, typeof SkyAngularTreeComponentResourcesModule, typeof i7.SkyCheckboxModule, typeof i8.SkyHelpInlineModule, typeof i9.SkyIconModule, typeof i10.SkyToolbarModule, typeof i11.TreeModule], [typeof SkyAngularTreeNodeComponent, typeof SkyAngularTreeWrapperComponent]>;
|
|
174
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SkyAngularTreeModule>;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
export { SkyAngularTreeModule, SkyAngularTreeWrapperComponent as λ1, SkyAngularTreeNodeComponent as λ2 };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/angular-tree-component",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "13.0.0-alpha.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,15 +16,15 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/common": "^
|
|
20
|
-
"@angular/core": "^
|
|
19
|
+
"@angular/common": "^20.0.5",
|
|
20
|
+
"@angular/core": "^20.0.5",
|
|
21
21
|
"@blackbaud/angular-tree-component": "^1.0.0",
|
|
22
|
-
"@skyux/core": "
|
|
23
|
-
"@skyux/forms": "
|
|
24
|
-
"@skyux/help-inline": "
|
|
25
|
-
"@skyux/i18n": "
|
|
26
|
-
"@skyux/icon": "
|
|
27
|
-
"@skyux/layout": "
|
|
22
|
+
"@skyux/core": "13.0.0-alpha.0",
|
|
23
|
+
"@skyux/forms": "13.0.0-alpha.0",
|
|
24
|
+
"@skyux/help-inline": "13.0.0-alpha.0",
|
|
25
|
+
"@skyux/i18n": "13.0.0-alpha.0",
|
|
26
|
+
"@skyux/icon": "13.0.0-alpha.0",
|
|
27
|
+
"@skyux/layout": "13.0.0-alpha.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"tslib": "^2.8.1"
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { SkyCoreAdapterService } from '@skyux/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* @internal
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyAngularTreeAdapterService {
|
|
7
|
-
#private;
|
|
8
|
-
constructor(coreAdapterService: SkyCoreAdapterService);
|
|
9
|
-
getFocusableChildren(element: HTMLElement): HTMLElement[];
|
|
10
|
-
setTabIndexOfFocusableEls(element: HTMLElement, tabIndex: number): void;
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAngularTreeAdapterService, never>;
|
|
12
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyAngularTreeAdapterService>;
|
|
13
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* @internal
|
|
4
|
-
*/
|
|
5
|
-
export declare class SkyAngularTreeContextMenuComponent {
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAngularTreeContextMenuComponent, never>;
|
|
7
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyAngularTreeContextMenuComponent, "sky-angular-tree-context-menu", never, {}, {}, never, ["*"], false, never>;
|
|
8
|
-
}
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnInit, TemplateRef } from '@angular/core';
|
|
2
|
-
import { TreeNode } from '@blackbaud/angular-tree-component';
|
|
3
|
-
import { SkyAngularTreeAdapterService } from './angular-tree-adapter.service';
|
|
4
|
-
import { SkyAngularTreeWrapperComponent } from './angular-tree-wrapper.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* Replaces the default tree node template with a SKY UX node as part of the `SkyAngularTreeModule` that
|
|
8
|
-
* provides SKY UX components and styles to complement the `angular-tree-component` library and apply SKY UX
|
|
9
|
-
* themes and functionality to hierarchical list views. You must wrap this component in an `ng-template`
|
|
10
|
-
* tag with the template reference variable `#treeNodeFullTemplate`. For information about tree node templates,
|
|
11
|
-
* see the [Angular tree component documentation](https://angular2-tree.readme.io/docs/templates).
|
|
12
|
-
* To display context menus with actions for individual items in hierarchical lists, place
|
|
13
|
-
* [dropdowns](https://developer.blackbaud.com/skyux-popovers/docs/dropdown?docs-active-tab=design) inside the
|
|
14
|
-
* Angular tree node component, which automatically handles styling and positioning for context menus.
|
|
15
|
-
*/
|
|
16
|
-
export declare class SkyAngularTreeNodeComponent implements AfterViewInit, OnInit {
|
|
17
|
-
#private;
|
|
18
|
-
/**
|
|
19
|
-
* The `index` property from the parent `ng-template`.
|
|
20
|
-
* @required
|
|
21
|
-
*/
|
|
22
|
-
index: number | undefined;
|
|
23
|
-
/**
|
|
24
|
-
* The `node` property from the parent `ng-template`. For information about the `TreeNode` object, see the
|
|
25
|
-
* [Angular tree component documentation](https://angular2-tree.readme.io/docs/api).
|
|
26
|
-
* @required
|
|
27
|
-
*/
|
|
28
|
-
node: TreeNode | undefined;
|
|
29
|
-
/**
|
|
30
|
-
* The `templates` property from the parent `ng-template`.
|
|
31
|
-
*/
|
|
32
|
-
templates: any;
|
|
33
|
-
/**
|
|
34
|
-
* A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
35
|
-
* button is placed beside the tree node label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
|
|
36
|
-
* as configured by the application.
|
|
37
|
-
*/
|
|
38
|
-
helpKey: string | undefined;
|
|
39
|
-
/**
|
|
40
|
-
* The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
41
|
-
* button is added to the tree node. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
|
|
42
|
-
* when clicked using the specified content and optional title.
|
|
43
|
-
*/
|
|
44
|
-
helpPopoverContent: string | TemplateRef<unknown> | undefined;
|
|
45
|
-
/**
|
|
46
|
-
* The title of the help popover. This property only applies when `helpPopoverContent` is
|
|
47
|
-
* also specified.
|
|
48
|
-
*/
|
|
49
|
-
helpPopoverTitle: string | undefined;
|
|
50
|
-
set childFocusIndex(value: number | undefined);
|
|
51
|
-
get childFocusIndex(): number | undefined;
|
|
52
|
-
set focused(value: boolean);
|
|
53
|
-
set isPartiallySelected(value: boolean);
|
|
54
|
-
get isPartiallySelected(): boolean;
|
|
55
|
-
set isSelected(value: boolean);
|
|
56
|
-
get isSelected(): boolean;
|
|
57
|
-
set tabIndex(value: number);
|
|
58
|
-
get tabIndex(): number;
|
|
59
|
-
nodeContentWrapperRef: ElementRef | undefined;
|
|
60
|
-
protected set nodeName(value: string);
|
|
61
|
-
protected get nodeName(): string;
|
|
62
|
-
constructor(changeDetectorRef: ChangeDetectorRef, adapterService: SkyAngularTreeAdapterService, skyAngularTreeWrapper?: SkyAngularTreeWrapperComponent);
|
|
63
|
-
ngOnInit(): void;
|
|
64
|
-
ngAfterViewInit(): void;
|
|
65
|
-
/**
|
|
66
|
-
* If single-select, set aria-selected=true for the selected node and undefined for all the others.
|
|
67
|
-
* For multiple-select, set aria-selected to either true or false.
|
|
68
|
-
* If node cannot be selected, aria-selected should be undefined (e.g. parent nodes in leaf-select-only mode).
|
|
69
|
-
* @internal
|
|
70
|
-
*/
|
|
71
|
-
ariaSelected(): boolean | undefined;
|
|
72
|
-
showCheckbox(): boolean;
|
|
73
|
-
showSelectedClass(): boolean;
|
|
74
|
-
showActiveClass(): boolean;
|
|
75
|
-
showTogglePlaceholder(): boolean;
|
|
76
|
-
onFocus(): void;
|
|
77
|
-
onMouseDown(): void;
|
|
78
|
-
onMouseUp(): void;
|
|
79
|
-
onKeyDown(event: KeyboardEvent): void;
|
|
80
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAngularTreeNodeComponent, [null, null, { optional: true; }]>;
|
|
81
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyAngularTreeNodeComponent, "sky-angular-tree-node", never, { "index": { "alias": "index"; "required": false; }; "node": { "alias": "node"; "required": false; }; "templates": { "alias": "templates"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; }, {}, never, ["sky-dropdown", ".sky-control-help"], false, never>;
|
|
82
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* @internal
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyTreeViewToolbarComponent {
|
|
7
|
-
showSelectButtons: boolean | undefined;
|
|
8
|
-
clearAllClick: EventEmitter<void>;
|
|
9
|
-
collapseAllClick: EventEmitter<void>;
|
|
10
|
-
expandAllClick: EventEmitter<void>;
|
|
11
|
-
selectAllClick: EventEmitter<void>;
|
|
12
|
-
onClearAllClick(): void;
|
|
13
|
-
onCollapseAllClick(): void;
|
|
14
|
-
onExpandAllClick(): void;
|
|
15
|
-
onSelectAllClick(): void;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTreeViewToolbarComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTreeViewToolbarComponent, "sky-angular-tree-toolbar", never, { "showSelectButtons": { "alias": "showSelectButtons"; "required": false; }; }, { "clearAllClick": "clearAllClick"; "collapseAllClick": "collapseAllClick"; "expandAllClick": "expandAllClick"; "selectAllClick": "selectAllClick"; }, never, never, false, never>;
|
|
18
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit } from '@angular/core';
|
|
2
|
-
import { TreeComponent } from '@blackbaud/angular-tree-component';
|
|
3
|
-
import { IDTypeDictionary } from '@blackbaud/angular-tree-component/lib/defs/api';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Wraps the Angular `tree-root` component as part of the `SkyAngularTreeModule` that provides
|
|
7
|
-
* SKY UX components and styles to complement the `angular-tree-component` library and apply SKY UX
|
|
8
|
-
* themes and functionality to hierarchical list views. For information about the `tree-root` component, see the
|
|
9
|
-
* [Angular tree component documentation](https://angular2-tree.readme.io/docs).
|
|
10
|
-
*/
|
|
11
|
-
export declare class SkyAngularTreeWrapperComponent implements AfterViewInit {
|
|
12
|
-
#private;
|
|
13
|
-
/**
|
|
14
|
-
* Whether to render the tree view in read-only mode.
|
|
15
|
-
* This mode disables selected and active states on the tree view nodes.
|
|
16
|
-
* @default false
|
|
17
|
-
*/
|
|
18
|
-
readOnly: boolean | undefined;
|
|
19
|
-
/**
|
|
20
|
-
* Whether to use leaf-only selection mode. For tree views with
|
|
21
|
-
* [checkboxes](https://angular2-tree.readme.io/docs/tri-state-checkboxes),
|
|
22
|
-
* this mode limits user selections to leaf nodes and prevents users from selecting parent nodes.
|
|
23
|
-
* @default false
|
|
24
|
-
*/
|
|
25
|
-
selectLeafNodesOnly: boolean | undefined;
|
|
26
|
-
/**
|
|
27
|
-
* Whether to use single-select mode. For tree views with
|
|
28
|
-
* [checkboxes](https://angular2-tree.readme.io/docs/tri-state-checkboxes),
|
|
29
|
-
* this mode limits user selections to one node at a time.
|
|
30
|
-
* @default false
|
|
31
|
-
*/
|
|
32
|
-
selectSingle: boolean | undefined;
|
|
33
|
-
/**
|
|
34
|
-
* Whether to display a toolbar with buttons to expand and collapse all nodes and buttons to select and clear all checkboxes.
|
|
35
|
-
* The select and clear buttons only appear when you enable checkboxes.
|
|
36
|
-
* To enable [checkboxes](https://angular2-tree.readme.io/docs/tri-state-checkboxes).
|
|
37
|
-
* @default false
|
|
38
|
-
*/
|
|
39
|
-
showToolbar: boolean | undefined;
|
|
40
|
-
selectableNodeIds: IDTypeDictionary;
|
|
41
|
-
treeComponent: TreeComponent | undefined;
|
|
42
|
-
ngAfterViewInit(): void;
|
|
43
|
-
multiselectable(): boolean;
|
|
44
|
-
onClearAllClick(): void;
|
|
45
|
-
onCollapseAllClick(): void;
|
|
46
|
-
onExpandAllClick(): void;
|
|
47
|
-
onSelectAllClick(): void;
|
|
48
|
-
showSelectButtons(): boolean;
|
|
49
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAngularTreeWrapperComponent, never>;
|
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyAngularTreeWrapperComponent, "sky-angular-tree-wrapper", never, { "readOnly": { "alias": "readOnly"; "required": false; }; "selectLeafNodesOnly": { "alias": "selectLeafNodesOnly"; "required": false; }; "selectSingle": { "alias": "selectSingle"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; }, {}, ["treeComponent"], ["tree-root"], false, never>;
|
|
51
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./angular-tree-context-menu.component";
|
|
3
|
-
import * as i2 from "./angular-tree-node.component";
|
|
4
|
-
import * as i3 from "./angular-tree-wrapper.component";
|
|
5
|
-
import * as i4 from "./angular-tree-toolbar.component";
|
|
6
|
-
import * as i5 from "@angular/common";
|
|
7
|
-
import * as i6 from "../shared/sky-angular-tree-component-resources.module";
|
|
8
|
-
import * as i7 from "@skyux/forms";
|
|
9
|
-
import * as i8 from "@skyux/help-inline";
|
|
10
|
-
import * as i9 from "@skyux/icon";
|
|
11
|
-
import * as i10 from "@skyux/layout";
|
|
12
|
-
import * as i11 from "@blackbaud/angular-tree-component";
|
|
13
|
-
export declare class SkyAngularTreeModule {
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAngularTreeModule, never>;
|
|
15
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyAngularTreeModule, [typeof i1.SkyAngularTreeContextMenuComponent, typeof i2.SkyAngularTreeNodeComponent, typeof i3.SkyAngularTreeWrapperComponent, typeof i4.SkyTreeViewToolbarComponent], [typeof i5.CommonModule, typeof i6.SkyAngularTreeComponentResourcesModule, typeof i7.SkyCheckboxModule, typeof i8.SkyHelpInlineModule, typeof i9.SkyIconModule, typeof i10.SkyToolbarModule, typeof i11.TreeModule], [typeof i2.SkyAngularTreeNodeComponent, typeof i3.SkyAngularTreeWrapperComponent]>;
|
|
16
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyAngularTreeModule>;
|
|
17
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@skyux/i18n";
|
|
3
|
-
/**
|
|
4
|
-
* Import into any component library module that needs to use resource strings.
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyAngularTreeComponentResourcesModule {
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAngularTreeComponentResourcesModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyAngularTreeComponentResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
|
|
9
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyAngularTreeComponentResourcesModule>;
|
|
10
|
-
}
|