@progress/kendo-angular-treeview 24.2.2 → 25.0.0-develop.2
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/progress-kendo-angular-treeview.mjs +114 -114
- package/index.d.ts +2149 -45
- package/package-metadata.mjs +2 -2
- package/package.json +11 -11
- package/schematics/ngAdd/index.js +4 -4
- package/check-mode.d.ts +0 -12
- package/check.directive.d.ts +0 -87
- package/checkable-settings.d.ts +0 -50
- package/checkbox/checked-state.d.ts +0 -8
- package/data-bound-component.d.ts +0 -65
- package/data-change-notification.service.d.ts +0 -12
- package/default-callbacks.d.ts +0 -38
- package/directives.d.ts +0 -37
- package/disable.directive.d.ts +0 -48
- package/drag-and-drop/drag-and-drop-editing.directive.d.ts +0 -47
- package/drag-and-drop/drag-and-drop-utils.d.ts +0 -77
- package/drag-and-drop/drag-and-drop.directive.d.ts +0 -129
- package/drag-and-drop/drag-clue/drag-clue-template.directive.d.ts +0 -33
- package/drag-and-drop/drag-clue/drag-clue.component.d.ts +0 -43
- package/drag-and-drop/drag-clue/drag-clue.service.d.ts +0 -44
- package/drag-and-drop/drop-hint/drop-hint-template.directive.d.ts +0 -32
- package/drag-and-drop/drop-hint/drop-hint.component.d.ts +0 -37
- package/drag-and-drop/drop-hint/drop-hint.service.d.ts +0 -20
- package/drag-and-drop/editing-services/drag-and-drop-asset.service.d.ts +0 -22
- package/drag-and-drop/editing-services/flat-editing.service.d.ts +0 -22
- package/drag-and-drop/editing-services/hierarchy-editing.service.d.ts +0 -19
- package/drag-and-drop/models/drop-action.d.ts +0 -31
- package/drag-and-drop/models/drop-position.d.ts +0 -21
- package/drag-and-drop/models/editing-service.d.ts +0 -21
- package/drag-and-drop/models/preventable-event.d.ts +0 -21
- package/drag-and-drop/models/scroll-direction.d.ts +0 -11
- package/drag-and-drop/models/scroll-settings.d.ts +0 -29
- package/drag-and-drop/models/tree-item-filter-state.d.ts +0 -41
- package/drag-and-drop/models/treeitem-add-remove-args.d.ts +0 -33
- package/drag-and-drop/models/treeitem-drag-event.d.ts +0 -25
- package/drag-and-drop/models/treeitem-drag-start-event.d.ts +0 -26
- package/drag-and-drop/models/treeitem-drop-event.d.ts +0 -52
- package/drag-and-drop/models.d.ts +0 -14
- package/expand-state.service.d.ts +0 -20
- package/expand.directive.d.ts +0 -92
- package/expandable-component.d.ts +0 -35
- package/filter-expand-settings.interface.d.ts +0 -35
- package/filter-state.interface.d.ts +0 -29
- package/filtering-base.d.ts +0 -39
- package/flat-binding.directive.d.ts +0 -74
- package/funcs.d.ts +0 -9
- package/hierarchy-binding.directive.d.ts +0 -70
- package/index-builder.service.d.ts +0 -17
- package/load-more/load-more-button-template.directive.d.ts +0 -30
- package/load-more/load-more-request-args.d.ts +0 -23
- package/load-more/load-more-utils.d.ts +0 -17
- package/load-more/load-more.directive.d.ts +0 -70
- package/load-more/load-more.service.d.ts +0 -36
- package/loading-indicator.directive.d.ts +0 -29
- package/loading-notification.service.d.ts +0 -15
- package/localization/custom-messages.component.d.ts +0 -28
- package/localization/localized-messages.directive.d.ts +0 -16
- package/localization/messages.d.ts +0 -17
- package/navigation/navigation-item.interface.d.ts +0 -16
- package/navigation/navigation-model.d.ts +0 -28
- package/navigation/navigation-state.interface.d.ts +0 -14
- package/navigation/navigation.service.d.ts +0 -68
- package/node-children.service.d.ts +0 -19
- package/node-click-event.interface.d.ts +0 -22
- package/node-template.directive.d.ts +0 -34
- package/package-metadata.d.ts +0 -9
- package/selection/select.directive.d.ts +0 -77
- package/selection/selectable-settings.d.ts +0 -20
- package/selection/selection-mode.d.ts +0 -12
- package/selection/selection.service.d.ts +0 -21
- package/size.d.ts +0 -8
- package/treeitem-lookup.interface.d.ts +0 -41
- package/treeitem.interface.d.ts +0 -19
- package/treeview-filter-settings.d.ts +0 -41
- package/treeview-group.component.d.ts +0 -130
- package/treeview-item-content-wrapper.directive.d.ts +0 -32
- package/treeview-item.directive.d.ts +0 -70
- package/treeview-lookup.service.d.ts +0 -25
- package/treeview.component.d.ts +0 -380
- package/treeview.module.d.ts +0 -43
- package/utils.d.ts +0 -138
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
10
|
+
"publishDate": 1783688594,
|
|
11
|
+
"version": "25.0.0-develop.2",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-treeview",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "25.0.0-develop.2",
|
|
4
4
|
"description": "Kendo UI TreeView for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -34,25 +34,25 @@
|
|
|
34
34
|
"package": {
|
|
35
35
|
"productName": "Kendo UI for Angular",
|
|
36
36
|
"productCode": "KENDOUIANGULAR",
|
|
37
|
-
"publishDate":
|
|
37
|
+
"publishDate": 1783688594,
|
|
38
38
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
|
-
"@angular/animations": "
|
|
43
|
-
"@angular/common": "
|
|
44
|
-
"@angular/core": "
|
|
45
|
-
"@angular/platform-browser": "
|
|
42
|
+
"@angular/animations": "20 - 22",
|
|
43
|
+
"@angular/common": "20 - 22",
|
|
44
|
+
"@angular/core": "20 - 22",
|
|
45
|
+
"@angular/platform-browser": "20 - 22",
|
|
46
46
|
"@progress/kendo-licensing": "^1.11.0",
|
|
47
|
-
"@progress/kendo-angular-common": "
|
|
48
|
-
"@progress/kendo-angular-inputs": "
|
|
49
|
-
"@progress/kendo-angular-icons": "
|
|
50
|
-
"@progress/kendo-angular-l10n": "
|
|
47
|
+
"@progress/kendo-angular-common": "25.0.0-develop.2",
|
|
48
|
+
"@progress/kendo-angular-inputs": "25.0.0-develop.2",
|
|
49
|
+
"@progress/kendo-angular-icons": "25.0.0-develop.2",
|
|
50
|
+
"@progress/kendo-angular-l10n": "25.0.0-develop.2",
|
|
51
51
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"tslib": "^2.3.1",
|
|
55
|
-
"@progress/kendo-angular-schematics": "
|
|
55
|
+
"@progress/kendo-angular-schematics": "25.0.0-develop.2",
|
|
56
56
|
"@progress/kendo-common": "^1.0.1",
|
|
57
57
|
"@progress/kendo-draggable": "^3.0.2"
|
|
58
58
|
},
|
|
@@ -9,10 +9,10 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
9
9
|
function default_1(options) {
|
|
10
10
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeViewModule', package: 'treeview', peerDependencies: {
|
|
11
11
|
// Peers of kendo-angular-inputs
|
|
12
|
-
'@progress/kendo-angular-buttons': '
|
|
13
|
-
'@progress/kendo-angular-dialog': '
|
|
14
|
-
'@progress/kendo-angular-intl': '
|
|
15
|
-
'@progress/kendo-angular-popup': '
|
|
12
|
+
'@progress/kendo-angular-buttons': '25.0.0-develop.2',
|
|
13
|
+
'@progress/kendo-angular-dialog': '25.0.0-develop.2',
|
|
14
|
+
'@progress/kendo-angular-intl': '25.0.0-develop.2',
|
|
15
|
+
'@progress/kendo-angular-popup': '25.0.0-develop.2',
|
|
16
16
|
'@progress/kendo-drawing': '^1.9.3',
|
|
17
17
|
// Peer dependency of icons
|
|
18
18
|
'@progress/kendo-svg-icons': '^4.0.0'
|
package/check-mode.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Represents the available check modes for the TreeView component ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes)).
|
|
7
|
-
*
|
|
8
|
-
* The possible values are:
|
|
9
|
-
* * `"single"`—Only one item can be checked at a time.
|
|
10
|
-
* * `"multiple"`—Multiple items can be checked.
|
|
11
|
-
*/
|
|
12
|
-
export type CheckMode = "single" | "multiple";
|
package/check.directive.d.ts
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { EventEmitter, OnDestroy, OnChanges, NgZone } from '@angular/core';
|
|
6
|
-
import { TreeViewComponent } from './treeview.component';
|
|
7
|
-
import { CheckableSettings } from './checkable-settings';
|
|
8
|
-
import { CheckedState } from './checkbox/checked-state';
|
|
9
|
-
import { Subscription } from 'rxjs';
|
|
10
|
-
import { TreeItem } from './treeitem.interface';
|
|
11
|
-
import { TreeItemLookup } from './treeitem-lookup.interface';
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
/**
|
|
14
|
-
* Represents a directive that manages the in-memory checked state of the TreeView node
|
|
15
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes)).
|
|
16
|
-
*
|
|
17
|
-
* @example
|
|
18
|
-
* ```html
|
|
19
|
-
* <kendo-treeview
|
|
20
|
-
* kendoTreeViewCheckable
|
|
21
|
-
* checkBy="id"
|
|
22
|
-
* [(checkedKeys)]="checkedKeys"
|
|
23
|
-
* [nodes]="data">
|
|
24
|
-
* </kendo-treeview>
|
|
25
|
-
* ```
|
|
26
|
-
*
|
|
27
|
-
* @remarks
|
|
28
|
-
* Applied to: {@link TreeViewComponent}
|
|
29
|
-
*/
|
|
30
|
-
export declare class CheckDirective implements OnChanges, OnDestroy {
|
|
31
|
-
protected treeView: TreeViewComponent;
|
|
32
|
-
private zone;
|
|
33
|
-
/**
|
|
34
|
-
* @hidden
|
|
35
|
-
*/
|
|
36
|
-
set isChecked(value: (item: object, index: string) => CheckedState);
|
|
37
|
-
/**
|
|
38
|
-
* Defines the item key stored in the `checkedKeys` collection.
|
|
39
|
-
*/
|
|
40
|
-
checkKey: string | ((context: TreeItem) => any);
|
|
41
|
-
/**
|
|
42
|
-
* Defines the collection that stores the checked keys
|
|
43
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes)).
|
|
44
|
-
*/
|
|
45
|
-
checkedKeys: any[];
|
|
46
|
-
/**
|
|
47
|
-
* Defines the checkable settings
|
|
48
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes#setup)).
|
|
49
|
-
* If you do not provide a value, the default [`CheckableSettings`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/checkablesettings) apply.
|
|
50
|
-
*/
|
|
51
|
-
checkable: boolean | CheckableSettings | string;
|
|
52
|
-
/**
|
|
53
|
-
* Fires when the `checkedKeys` collection updates.
|
|
54
|
-
*/
|
|
55
|
-
checkedKeysChange: EventEmitter<any[]>;
|
|
56
|
-
protected subscriptions: Subscription;
|
|
57
|
-
private get options();
|
|
58
|
-
private checkActions;
|
|
59
|
-
/**
|
|
60
|
-
* Reflects the internal `checkedKeys` state.
|
|
61
|
-
*/
|
|
62
|
-
private state;
|
|
63
|
-
private clickSubscription;
|
|
64
|
-
/**
|
|
65
|
-
* Holds the last emitted `checkedKeys` collection.
|
|
66
|
-
*/
|
|
67
|
-
private lastChange;
|
|
68
|
-
constructor(treeView: TreeViewComponent, zone: NgZone);
|
|
69
|
-
ngOnChanges(changes: any): void;
|
|
70
|
-
ngOnDestroy(): void;
|
|
71
|
-
protected isItemChecked(dataItem: any, index: string): CheckedState;
|
|
72
|
-
protected isIndexChecked(index: string): CheckedState;
|
|
73
|
-
protected itemKey(item: TreeItem): any;
|
|
74
|
-
protected check(e: any): void;
|
|
75
|
-
protected checkSingle(node: any): void;
|
|
76
|
-
protected checkMultiple(node: TreeItemLookup): void;
|
|
77
|
-
protected toggleCheckOnClick(): void;
|
|
78
|
-
private unsubscribeClick;
|
|
79
|
-
private checkNode;
|
|
80
|
-
private uncheckChildren;
|
|
81
|
-
private checkParents;
|
|
82
|
-
private allChildrenSelected;
|
|
83
|
-
private notify;
|
|
84
|
-
private addCheckedItemsChildren;
|
|
85
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CheckDirective, never>;
|
|
86
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<CheckDirective, "[kendoTreeViewCheckable]", never, { "isChecked": { "alias": "isChecked"; "required": false; }; "checkKey": { "alias": "checkBy"; "required": false; }; "checkedKeys": { "alias": "checkedKeys"; "required": false; }; "checkable": { "alias": "kendoTreeViewCheckable"; "required": false; }; }, { "checkedKeysChange": "checkedKeysChange"; }, never, never, true, never>;
|
|
87
|
-
}
|
package/checkable-settings.d.ts
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { CheckMode } from './check-mode';
|
|
6
|
-
/**
|
|
7
|
-
* Configures the checkbox selection behavior of the TreeView component ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes)).
|
|
8
|
-
*
|
|
9
|
-
*/
|
|
10
|
-
export interface CheckableSettings {
|
|
11
|
-
/**
|
|
12
|
-
* Determines if checkbox selection is enabled.
|
|
13
|
-
* @default true
|
|
14
|
-
*/
|
|
15
|
-
enabled?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Specifies the selection mode.
|
|
18
|
-
* @default 'multiple'
|
|
19
|
-
*/
|
|
20
|
-
mode?: CheckMode;
|
|
21
|
-
/**
|
|
22
|
-
* Determines whether checking a parent node automatically checks its children.
|
|
23
|
-
* Only applicable in multiple selection mode.
|
|
24
|
-
* @default true
|
|
25
|
-
*/
|
|
26
|
-
checkChildren?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Determines whether parent nodes display an indeterminate state when only some children are checked.
|
|
29
|
-
* Only applicable in multiple selection mode.
|
|
30
|
-
* @default true
|
|
31
|
-
*/
|
|
32
|
-
checkParents?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Determines whether clicking a node toggles its checked state.
|
|
35
|
-
* @default false
|
|
36
|
-
*/
|
|
37
|
-
checkOnClick?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Determines whether disabled children are checked when their parent is checked.
|
|
40
|
-
* Only applicable in multiple selection mode and when `checkChildren` is `true`.
|
|
41
|
-
* @default false
|
|
42
|
-
*/
|
|
43
|
-
checkDisabledChildren?: boolean;
|
|
44
|
-
/**
|
|
45
|
-
* Determines whether collapsed children are unchecked when their parent is unchecked.
|
|
46
|
-
* Only applicable in multiple selection mode and when [`loadOnDemand`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#loadondemand) is `true`.
|
|
47
|
-
* @default false
|
|
48
|
-
*/
|
|
49
|
-
uncheckCollapsedChildren?: boolean;
|
|
50
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Represents the checked state of the CheckBox component.
|
|
7
|
-
*/
|
|
8
|
-
export type CheckedState = 'none' | 'indeterminate' | 'checked';
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { EventEmitter } from '@angular/core';
|
|
6
|
-
import { Observable } from 'rxjs';
|
|
7
|
-
import { EditService } from './drag-and-drop/models';
|
|
8
|
-
import { FilterState } from './filter-state.interface';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*
|
|
13
|
-
* An injection token used by the data binding directives to interface with
|
|
14
|
-
* the TreeView or the DropDownTree components.
|
|
15
|
-
*/
|
|
16
|
-
export declare abstract class DataBoundComponent {
|
|
17
|
-
/**
|
|
18
|
-
* The nodes which will be displayed by the TreeView.
|
|
19
|
-
*/
|
|
20
|
-
abstract nodes: any[];
|
|
21
|
-
/**
|
|
22
|
-
* A function which determines if a specific node has child nodes.
|
|
23
|
-
*/
|
|
24
|
-
abstract hasChildren: (item: object) => boolean;
|
|
25
|
-
/**
|
|
26
|
-
* A function which provides the child nodes for a given parent node.
|
|
27
|
-
*/
|
|
28
|
-
abstract children: (item: object) => Observable<object[]>;
|
|
29
|
-
/**
|
|
30
|
-
* Specifies the handlers called on TreeView drag-and-drop `addItem` and `removeItem` events.
|
|
31
|
-
*/
|
|
32
|
-
abstract editService?: EditService;
|
|
33
|
-
/**
|
|
34
|
-
* A callback function which accepts the data object for a TreeView node and returns a boolean.
|
|
35
|
-
* If it returns `false`, the node will not be displayed. Used for the component's built-in or custom filtering implementation.
|
|
36
|
-
*/
|
|
37
|
-
abstract isVisible: (item: object, index: string) => boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Sets an initial value of the built-in input element used for filtering.
|
|
40
|
-
*/
|
|
41
|
-
abstract filter: string;
|
|
42
|
-
/**
|
|
43
|
-
* Fires when the value of the built-in filter input element changes.
|
|
44
|
-
*/
|
|
45
|
-
abstract filterChange: EventEmitter<string>;
|
|
46
|
-
/**
|
|
47
|
-
* The fields of the data item that provide the text content of the nodes
|
|
48
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/data-binding)). If the `textField` input is set
|
|
49
|
-
* to an array, each hierarchical level uses the field that corresponds to the same
|
|
50
|
-
* index in the array, or the last item in the array.
|
|
51
|
-
*/
|
|
52
|
-
abstract textField: string | string[];
|
|
53
|
-
/**
|
|
54
|
-
* Triggers the TreeView nodes preloading mechanism.
|
|
55
|
-
* Should be triggered after the `nodes`, `children` and `hasChildren` props are set.
|
|
56
|
-
*/
|
|
57
|
-
abstract preloadChildNodes?: () => void;
|
|
58
|
-
/**
|
|
59
|
-
* Emits when the built-in filtering mechanism in the data-binding directives updates the filtered state.
|
|
60
|
-
* Used for the built-in auto-expand functionalities of the component and available for custom implementations.
|
|
61
|
-
*/
|
|
62
|
-
abstract filterStateChange?: EventEmitter<FilterState>;
|
|
63
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataBoundComponent, never>;
|
|
64
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<DataBoundComponent>;
|
|
65
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { EventEmitter } from '@angular/core';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare class DataChangeNotificationService {
|
|
10
|
-
readonly changes: EventEmitter<void>;
|
|
11
|
-
notify(): void;
|
|
12
|
-
}
|
package/default-callbacks.d.ts
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { CheckedState } from './checkbox/checked-state';
|
|
6
|
-
import { TrackByFunction } from '@angular/core';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export declare const hasChildren: (item: object) => boolean;
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export declare const isChecked: (item: object, index: string) => CheckedState;
|
|
15
|
-
/**
|
|
16
|
-
* @hidden
|
|
17
|
-
*/
|
|
18
|
-
export declare const isDisabled: (item: object, index: string) => boolean;
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
export declare const hasCheckbox: (item: object, index: string) => boolean;
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
export declare const isExpanded: (item: object, index: string) => boolean;
|
|
27
|
-
/**
|
|
28
|
-
* @hidden
|
|
29
|
-
*/
|
|
30
|
-
export declare const isSelected: (item: object, index: string) => boolean;
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
export declare const isVisible: (item: object, index: string) => boolean;
|
|
35
|
-
/**
|
|
36
|
-
* @hidden
|
|
37
|
-
*/
|
|
38
|
-
export declare const trackBy: TrackByFunction<object>;
|
package/directives.d.ts
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { CheckDirective } from "./check.directive";
|
|
6
|
-
import { DisableDirective } from "./disable.directive";
|
|
7
|
-
import { DragAndDropEditingDirective } from "./drag-and-drop/drag-and-drop-editing.directive";
|
|
8
|
-
import { DragAndDropDirective } from "./drag-and-drop/drag-and-drop.directive";
|
|
9
|
-
import { DragClueTemplateDirective } from "./drag-and-drop/drag-clue/drag-clue-template.directive";
|
|
10
|
-
import { DropHintTemplateDirective } from "./drag-and-drop/drop-hint/drop-hint-template.directive";
|
|
11
|
-
import { ExpandDirective } from "./expand.directive";
|
|
12
|
-
import { FlatDataBindingDirective } from "./flat-binding.directive";
|
|
13
|
-
import { HierarchyBindingDirective } from "./hierarchy-binding.directive";
|
|
14
|
-
import { LoadMoreButtonTemplateDirective } from "./load-more/load-more-button-template.directive";
|
|
15
|
-
import { LoadMoreDirective } from "./load-more/load-more.directive";
|
|
16
|
-
import { CustomMessagesComponent } from "./localization/custom-messages.component";
|
|
17
|
-
import { NodeTemplateDirective } from "./node-template.directive";
|
|
18
|
-
import { SelectDirective } from "./selection/select.directive";
|
|
19
|
-
import { TreeViewComponent } from "./treeview.component";
|
|
20
|
-
/**
|
|
21
|
-
* Use the `KENDO_TREEVIEW` utility array to add all `@progress/kendo-angular-treeview`-related components and directives to a standalone Angular component.
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* ```typescript
|
|
25
|
-
* import { Component } from '@angular/core';
|
|
26
|
-
* import { KENDO_TREEVIEW } from '@progress/kendo-angular-treeview';
|
|
27
|
-
*
|
|
28
|
-
* @Component({
|
|
29
|
-
* selector: 'my-app',
|
|
30
|
-
* standalone: true,
|
|
31
|
-
* imports: [KENDO_TREEVIEW],
|
|
32
|
-
* template: `<kendo-treeview></kendo-treeview>`
|
|
33
|
-
* })
|
|
34
|
-
* export class AppComponent {}
|
|
35
|
-
* ```
|
|
36
|
-
*/
|
|
37
|
-
export declare const KENDO_TREEVIEW: readonly [typeof TreeViewComponent, typeof NodeTemplateDirective, typeof CheckDirective, typeof DisableDirective, typeof ExpandDirective, typeof SelectDirective, typeof HierarchyBindingDirective, typeof FlatDataBindingDirective, typeof DragAndDropDirective, typeof DragClueTemplateDirective, typeof DropHintTemplateDirective, typeof DragAndDropEditingDirective, typeof LoadMoreDirective, typeof LoadMoreButtonTemplateDirective, typeof CustomMessagesComponent];
|
package/disable.directive.d.ts
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ChangeDetectorRef, OnChanges } from '@angular/core';
|
|
6
|
-
import { TreeViewComponent } from './treeview.component';
|
|
7
|
-
import { TreeItem } from './treeitem.interface';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* Represents a directive which manages the disabled in-memory state of the TreeView node
|
|
11
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/disabled-state)).
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-treeview
|
|
16
|
-
* [nodes]="data"
|
|
17
|
-
* textField="text"
|
|
18
|
-
* [hasChildren]="hasChildren"
|
|
19
|
-
* [children]="fetchChildren"
|
|
20
|
-
* kendoTreeViewDisable
|
|
21
|
-
* [disabledKeys]="disabledKeys">
|
|
22
|
-
* </kendo-treeview>
|
|
23
|
-
* ```
|
|
24
|
-
*
|
|
25
|
-
* @remarks
|
|
26
|
-
* Applied to: {@link TreeViewComponent}
|
|
27
|
-
*/
|
|
28
|
-
export declare class DisableDirective implements OnChanges {
|
|
29
|
-
protected treeView: TreeViewComponent;
|
|
30
|
-
protected cdr: ChangeDetectorRef;
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
set isDisabled(value: (item: object, index: string) => boolean);
|
|
35
|
-
/**
|
|
36
|
-
* Defines the item key that will be stored in the `disabledKeys` collection.
|
|
37
|
-
*/
|
|
38
|
-
disableKey: string | ((context: TreeItem) => any);
|
|
39
|
-
/**
|
|
40
|
-
* Defines the collection that will store the disabled keys.
|
|
41
|
-
*/
|
|
42
|
-
disabledKeys: any[];
|
|
43
|
-
constructor(treeView: TreeViewComponent, cdr: ChangeDetectorRef);
|
|
44
|
-
ngOnChanges(changes?: any): void;
|
|
45
|
-
protected itemKey(e: any): any;
|
|
46
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DisableDirective, never>;
|
|
47
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DisableDirective, "[kendoTreeViewDisable]", never, { "isDisabled": { "alias": "isDisabled"; "required": false; }; "disableKey": { "alias": "kendoTreeViewDisable"; "required": false; }; "disabledKeys": { "alias": "disabledKeys"; "required": false; }; }, {}, never, never, true, never>;
|
|
48
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { OnDestroy } from '@angular/core';
|
|
6
|
-
import { TreeViewComponent } from '../treeview.component';
|
|
7
|
-
import { EditService } from './models';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* Represents the directive that enables you to update the initially provided data array during drag-and-drop.
|
|
11
|
-
*
|
|
12
|
-
* Use this directive with one of the data-binding directives ([`kendoTreeViewHierarchyBinding`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/hierarchybindingdirective)
|
|
13
|
-
* or [`kendoTreeViewFlatDataBinding`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/flatdatabindingdirective)), which set their own edit handlers, or provide
|
|
14
|
-
* your own [`editService`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/editservice) to this directive.
|
|
15
|
-
*
|
|
16
|
-
* Providing a custom `editService` allows you to handle the
|
|
17
|
-
* [`addItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#additem) and [`removeItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#removeitem)
|
|
18
|
-
* events when they are triggered by the TreeView component.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```html
|
|
22
|
-
* <kendo-treeview
|
|
23
|
-
* kendoTreeViewDragAndDrop
|
|
24
|
-
* kendoTreeViewDragAndDropEditing
|
|
25
|
-
* [nodes]="nodes"
|
|
26
|
-
* textField="text">
|
|
27
|
-
* </kendo-treeview>
|
|
28
|
-
* ```
|
|
29
|
-
*
|
|
30
|
-
* @remarks
|
|
31
|
-
* Applied to: {@link TreeViewComponent}
|
|
32
|
-
*/
|
|
33
|
-
export declare class DragAndDropEditingDirective implements OnDestroy {
|
|
34
|
-
private treeview;
|
|
35
|
-
/**
|
|
36
|
-
* Specifies the handlers called on drag-and-drop [`addItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#additem)
|
|
37
|
-
* and [`removeItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#removeitem) events.
|
|
38
|
-
*/
|
|
39
|
-
set editService(service: EditService);
|
|
40
|
-
private subscriptions;
|
|
41
|
-
constructor(treeview: TreeViewComponent);
|
|
42
|
-
ngOnDestroy(): void;
|
|
43
|
-
private handleAdd;
|
|
44
|
-
private handleRemove;
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DragAndDropEditingDirective, never>;
|
|
46
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DragAndDropEditingDirective, "[kendoTreeViewDragAndDropEditing]", never, { "editService": { "alias": "editService"; "required": false; }; }, {}, never, never, true, never>;
|
|
47
|
-
}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { DropPosition, DropAction, ScrollDirection } from './models';
|
|
6
|
-
import { TreeItemLookup, ItemLookup } from '../treeitem-lookup.interface';
|
|
7
|
-
import { TreeViewComponent } from '../treeview.component';
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*
|
|
11
|
-
* Gets the offset of the parent element if the latter has the `transform` CSS prop applied.
|
|
12
|
-
* Transformed parents create new stacking context and the `fixed` children must be position based on the transformed parent.
|
|
13
|
-
* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
|
|
14
|
-
*
|
|
15
|
-
* If no parent container is `transform`-ed the function will return `{ left: 0, top: 0 }`;
|
|
16
|
-
*/
|
|
17
|
-
export declare const getContainerOffset: (element: HTMLElement) => {
|
|
18
|
-
top: number;
|
|
19
|
-
left: number;
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* @hidden
|
|
23
|
-
*/
|
|
24
|
-
export declare const getDropAction: (dropPosition: DropPosition, dropTarget: HTMLElement) => DropAction;
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
export declare const getDropPosition: (draggedItem: HTMLElement, target: HTMLElement, clientY: number, targetTreeView: any, containerOffset: {
|
|
29
|
-
top: number;
|
|
30
|
-
left: number;
|
|
31
|
-
}) => DropPosition;
|
|
32
|
-
/**
|
|
33
|
-
* @hidden
|
|
34
|
-
*/
|
|
35
|
-
export declare const treeItemFromEventTarget: (treeView: TreeViewComponent, dropTarget: Element) => TreeItemLookup;
|
|
36
|
-
/**
|
|
37
|
-
* @hidden
|
|
38
|
-
*
|
|
39
|
-
* Emits `collapse` on the specified TreeView node if the latter is left empty after its last child node was dragged out.
|
|
40
|
-
*/
|
|
41
|
-
export declare const collapseEmptyParent: (parent: ItemLookup, parentNodes: any[], treeview: TreeViewComponent) => void;
|
|
42
|
-
/**
|
|
43
|
-
* @hidden
|
|
44
|
-
*
|
|
45
|
-
* Expands the node if it's dropped into and it's not yet expanded.
|
|
46
|
-
*/
|
|
47
|
-
export declare const expandDropTarget: (dropTarget: TreeItemLookup, treeView: TreeViewComponent) => void;
|
|
48
|
-
/**
|
|
49
|
-
* @hidden
|
|
50
|
-
*
|
|
51
|
-
* Extracts the event target from the viewport coords. Required for touch devices
|
|
52
|
-
* where the `event.target` of a `pointermove` event is always the initially dragged item.
|
|
53
|
-
*/
|
|
54
|
-
export declare const getDropTarget: (event: PointerEvent) => HTMLElement;
|
|
55
|
-
/**
|
|
56
|
-
* @hidden
|
|
57
|
-
*
|
|
58
|
-
* Checks if the original index is before the new one and corrects the new one by decrementing the index for the level, where the original item stood.
|
|
59
|
-
*/
|
|
60
|
-
export declare const updateMovedItemIndex: (newIndex: string, originalIndex: string) => string;
|
|
61
|
-
/**
|
|
62
|
-
* @hidden
|
|
63
|
-
*
|
|
64
|
-
* Retrives the first scrollable element starting the search from the provided one, traversing to the top of the DOM tree.
|
|
65
|
-
*/
|
|
66
|
-
export declare const getScrollableContainer: (node: any) => HTMLElement;
|
|
67
|
-
/**
|
|
68
|
-
* @hidden
|
|
69
|
-
*
|
|
70
|
-
* Scrolls the element in the given direction by the provided step.
|
|
71
|
-
*
|
|
72
|
-
* If the targeted scroll incrementation doesn't yield any result due to device pixel ratio issues (https://github.com/dimitar-pechev/RenderingIndependentScrollOffsets#readme),
|
|
73
|
-
* increments the step with 1px and again attempts to change the scrollTop of the element, until the content is actually scrolled.
|
|
74
|
-
*
|
|
75
|
-
* Cuts the operation short after 20 unsuccessful attempts to prevent infinite loops in possible corner-case scenarios.
|
|
76
|
-
*/
|
|
77
|
-
export declare const scrollElementBy: (element: Element, step: number, direction: ScrollDirection) => void;
|