@progress/kendo-angular-treeview 22.1.0-develop.9 → 23.0.0-develop.1
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/check-mode.d.ts +1 -1
- package/check.directive.d.ts +4 -4
- package/checkable-settings.d.ts +2 -2
- package/data-bound-component.d.ts +1 -1
- package/disable.directive.d.ts +1 -1
- package/drag-and-drop/drag-and-drop-editing.directive.d.ts +6 -6
- package/drag-and-drop/drag-and-drop.directive.d.ts +10 -10
- package/drag-and-drop/drag-clue/drag-clue-template.directive.d.ts +4 -4
- package/drag-and-drop/drop-hint/drop-hint-template.directive.d.ts +4 -4
- package/drag-and-drop/models/drop-action.d.ts +1 -1
- package/drag-and-drop/models/editing-service.d.ts +4 -4
- package/drag-and-drop/models/tree-item-filter-state.d.ts +1 -1
- package/drag-and-drop/models/treeitem-add-remove-args.d.ts +2 -2
- package/drag-and-drop/models/treeitem-drag-event.d.ts +2 -2
- package/drag-and-drop/models/treeitem-drag-start-event.d.ts +1 -1
- package/drag-and-drop/models/treeitem-drop-event.d.ts +1 -1
- package/expand.directive.d.ts +2 -2
- package/fesm2022/progress-kendo-angular-treeview.mjs +141 -134
- package/filter-state.interface.d.ts +1 -1
- package/load-more/load-more-button-template.directive.d.ts +1 -1
- package/load-more/load-more-request-args.d.ts +3 -3
- package/load-more/load-more.directive.d.ts +4 -4
- package/node-template.directive.d.ts +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +7 -7
- package/schematics/ngAdd/index.js +4 -4
- package/selection/select.directive.d.ts +3 -3
- package/size.d.ts +1 -1
- package/treeitem-lookup.interface.d.ts +2 -2
- package/treeitem.interface.d.ts +2 -2
- package/treeview-group.component.d.ts +4 -7
- package/{treeview-item-content.directive.d.ts → treeview-item-content-wrapper.directive.d.ts} +4 -4
- package/treeview.component.d.ts +21 -21
package/check-mode.d.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* Represents the available check modes for the TreeView component ([see example](
|
|
6
|
+
* Represents the available check modes for the TreeView component ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes)).
|
|
7
7
|
*
|
|
8
8
|
* The possible values are:
|
|
9
9
|
* * `"single"`—Only one item can be checked at a time.
|
package/check.directive.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ import { TreeItemLookup } from './treeitem-lookup.interface';
|
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
/**
|
|
14
14
|
* Represents a directive that manages the in-memory checked state of the TreeView node
|
|
15
|
-
* ([see example](
|
|
15
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes)).
|
|
16
16
|
*
|
|
17
17
|
* @example
|
|
18
18
|
* ```html
|
|
@@ -40,13 +40,13 @@ export declare class CheckDirective implements OnChanges, OnDestroy {
|
|
|
40
40
|
checkKey: string | ((context: TreeItem) => any);
|
|
41
41
|
/**
|
|
42
42
|
* Defines the collection that stores the checked keys
|
|
43
|
-
* ([see example](
|
|
43
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes)).
|
|
44
44
|
*/
|
|
45
45
|
checkedKeys: any[];
|
|
46
46
|
/**
|
|
47
47
|
* Defines the checkable settings
|
|
48
|
-
* ([see example](
|
|
49
|
-
* If you do not provide a value, the default [`CheckableSettings`](
|
|
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
50
|
*/
|
|
51
51
|
checkable: boolean | CheckableSettings | string;
|
|
52
52
|
/**
|
package/checkable-settings.d.ts
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { CheckMode } from './check-mode';
|
|
6
6
|
/**
|
|
7
|
-
* Configures the checkbox selection behavior of the TreeView component ([see example](
|
|
7
|
+
* Configures the checkbox selection behavior of the TreeView component ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes)).
|
|
8
8
|
*
|
|
9
9
|
*/
|
|
10
10
|
export interface CheckableSettings {
|
|
@@ -43,7 +43,7 @@ export interface CheckableSettings {
|
|
|
43
43
|
checkDisabledChildren?: boolean;
|
|
44
44
|
/**
|
|
45
45
|
* Determines whether collapsed children are unchecked when their parent is unchecked.
|
|
46
|
-
* Only applicable in multiple selection mode and when [`loadOnDemand`](
|
|
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
47
|
* @default false
|
|
48
48
|
*/
|
|
49
49
|
uncheckCollapsedChildren?: boolean;
|
|
@@ -45,7 +45,7 @@ export declare abstract class DataBoundComponent {
|
|
|
45
45
|
abstract filterChange: EventEmitter<string>;
|
|
46
46
|
/**
|
|
47
47
|
* The fields of the data item that provide the text content of the nodes
|
|
48
|
-
* ([see example](
|
|
48
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/data-binding)). If the `textField` input is set
|
|
49
49
|
* to an array, each hierarchical level uses the field that corresponds to the same
|
|
50
50
|
* index in the array, or the last item in the array.
|
|
51
51
|
*/
|
package/disable.directive.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ import { TreeItem } from './treeitem.interface';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
10
|
* Represents a directive which manages the disabled in-memory state of the TreeView node
|
|
11
|
-
* ([see example](
|
|
11
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/disabled-state)).
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* ```html
|
|
@@ -9,12 +9,12 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
/**
|
|
10
10
|
* Represents the directive that enables you to update the initially provided data array during drag-and-drop.
|
|
11
11
|
*
|
|
12
|
-
* Use this directive with one of the data-binding directives ([`kendoTreeViewHierarchyBinding`](
|
|
13
|
-
* or [`kendoTreeViewFlatDataBinding`](
|
|
14
|
-
* your own [`editService`](
|
|
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
15
|
*
|
|
16
16
|
* Providing a custom `editService` allows you to handle the
|
|
17
|
-
* [`addItem`](
|
|
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
18
|
* events when they are triggered by the TreeView component.
|
|
19
19
|
*
|
|
20
20
|
* @example
|
|
@@ -33,8 +33,8 @@ import * as i0 from "@angular/core";
|
|
|
33
33
|
export declare class DragAndDropEditingDirective implements OnDestroy {
|
|
34
34
|
private treeview;
|
|
35
35
|
/**
|
|
36
|
-
* Specifies the handlers called on drag-and-drop [`addItem`](
|
|
37
|
-
* and [`removeItem`](
|
|
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
38
|
*/
|
|
39
39
|
set editService(service: EditService);
|
|
40
40
|
private subscriptions;
|
|
@@ -13,14 +13,14 @@ import { DragAndDropScrollSettings } from './models';
|
|
|
13
13
|
import * as i0 from "@angular/core";
|
|
14
14
|
/**
|
|
15
15
|
* Represents the directive that enables you to drag and drop items inside the current TreeView or between multiple linked TreeView component instances
|
|
16
|
-
* ([see example](
|
|
16
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop)).
|
|
17
17
|
*
|
|
18
|
-
* Triggers the [`nodeDragStart`](
|
|
19
|
-
* [`nodeDrag`](
|
|
20
|
-
* [`nodeDrop`](
|
|
21
|
-
* [`nodeDragEnd`](
|
|
22
|
-
* [`addItem`](
|
|
23
|
-
* [`removeItem`](
|
|
18
|
+
* Triggers the [`nodeDragStart`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#nodedragstart),
|
|
19
|
+
* [`nodeDrag`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#nodedrag),
|
|
20
|
+
* [`nodeDrop`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#nodedrop),
|
|
21
|
+
* [`nodeDragEnd`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#nodedragend),
|
|
22
|
+
* [`addItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#additem) and
|
|
23
|
+
* [`removeItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#removeitem)
|
|
24
24
|
* events when you perform the corresponding actions.
|
|
25
25
|
*
|
|
26
26
|
* @example
|
|
@@ -44,14 +44,14 @@ export declare class DragAndDropDirective implements AfterContentInit, OnDestroy
|
|
|
44
44
|
/**
|
|
45
45
|
* Specifies whether the `removeItem` event fires after the user drops an item while pressing the `ctrl` key.
|
|
46
46
|
* If enabled, the `removeItem` event does not fire on the source TreeView
|
|
47
|
-
* ([see example](
|
|
47
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop#multiple-treeviews)).
|
|
48
48
|
*
|
|
49
49
|
* @default false
|
|
50
50
|
*/
|
|
51
51
|
allowCopy: boolean;
|
|
52
52
|
/**
|
|
53
53
|
* Specifies the `TreeViewComponent` instances into which the user can drop dragged items from the current `TreeViewComponent`
|
|
54
|
-
* ([see example](
|
|
54
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop#multiple-treeviews)).
|
|
55
55
|
*/
|
|
56
56
|
dropZoneTreeViews: TreeViewComponent[];
|
|
57
57
|
/**
|
|
@@ -62,7 +62,7 @@ export declare class DragAndDropDirective implements AfterContentInit, OnDestroy
|
|
|
62
62
|
*/
|
|
63
63
|
startDragAfter: number;
|
|
64
64
|
/**
|
|
65
|
-
* Controls the auto-scrolling behavior during drag-and-drop ([see example](
|
|
65
|
+
* Controls the auto-scrolling behavior during drag-and-drop ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop#auto-scrolling)).
|
|
66
66
|
* Enabled by default. To turn off auto-scrolling, set this property to `false`.
|
|
67
67
|
*
|
|
68
68
|
* By default, scrolling occurs by 1 pixel every 1 millisecond when the dragged item reaches the top or bottom of the scrollable container.
|
|
@@ -8,13 +8,13 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* Represents the template for the TreeView drag clue when you drag an item.
|
|
9
9
|
*
|
|
10
10
|
* To define the drag clue template, nest an `<ng-template>` tag with the `kendoTreeViewDragClueTemplate` directive inside a `<kendo-treeview>` tag
|
|
11
|
-
* ([see example](
|
|
11
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop#templates)).
|
|
12
12
|
*
|
|
13
13
|
* The template context provides the following variables:
|
|
14
14
|
* - `let-text="text"` (`string`)—The display text of the item being dragged.
|
|
15
|
-
* - `let-action="action"` ([`DropAction`](
|
|
16
|
-
* - `let-sourceItem="sourceItem"` ([`TreeItemLookup`](
|
|
17
|
-
* - `let-destinationItem="destinationItem"` ([`TreeItemLookup`](
|
|
15
|
+
* - `let-action="action"` ([`DropAction`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/dropaction))—The type of drop action that will occur.
|
|
16
|
+
* - `let-sourceItem="sourceItem"` ([`TreeItemLookup`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeitemlookup))—The TreeView item that is being dragged from its original position.
|
|
17
|
+
* - `let-destinationItem="destinationItem"` ([`TreeItemLookup`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeitemlookup))—The TreeView item that serves as the target for the drop operation.
|
|
18
18
|
*
|
|
19
19
|
* @example
|
|
20
20
|
* ```html
|
|
@@ -8,12 +8,12 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* Represents the template for the TreeView drop hint when you drag an item.
|
|
9
9
|
*
|
|
10
10
|
* To define the hint template, nest an `<ng-template>` tag with the `kendoTreeViewDropHintTemplate` directive inside a `<kendo-treeview>` tag
|
|
11
|
-
* ([see example](
|
|
11
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop#templates)).
|
|
12
12
|
*
|
|
13
13
|
* The template context provides the following variables:
|
|
14
|
-
* - `let-action="action"` ([`DropAction`](
|
|
15
|
-
* - `let-sourceItem="sourceItem"` ([`TreeItemLookup`](
|
|
16
|
-
* - `let-destinationItem="destinationItem"` ([`TreeItemLookup`](
|
|
14
|
+
* - `let-action="action"` ([`DropAction`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/dropaction))—The drop action being performed.
|
|
15
|
+
* - `let-sourceItem="sourceItem"` ([`TreeItemLookup`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeitemlookup))—The item being dragged.
|
|
16
|
+
* - `let-destinationItem="destinationItem"` ([`TreeItemLookup`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeitemlookup))—The target item for the drop operation.
|
|
17
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* ```html
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
6
|
* Represents the attempted drop action during dragging.
|
|
7
|
-
* Passed as `action` value to the [`kendoTreeViewDragClueTemplate`](
|
|
7
|
+
* Passed as `action` value to the [`kendoTreeViewDragClueTemplate`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/dragcluetemplatedirective) directive.
|
|
8
8
|
* By default, this value defines the rendered icon in the drag clue.
|
|
9
9
|
*/
|
|
10
10
|
export declare enum DropAction {
|
|
@@ -4,18 +4,18 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { TreeItemAddRemoveArgs } from './treeitem-add-remove-args';
|
|
6
6
|
/**
|
|
7
|
-
* Specifies the handlers called on drag-and-drop [`addItem`](
|
|
8
|
-
* and [`removeItem`](
|
|
7
|
+
* Specifies the handlers called on drag-and-drop [`addItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#additem)
|
|
8
|
+
* and [`removeItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#removeitem) events.
|
|
9
9
|
*
|
|
10
10
|
* Implement this interface to handle the addition and removal of items during drag-and-drop operations in the TreeView.
|
|
11
11
|
*/
|
|
12
12
|
export interface EditService {
|
|
13
13
|
/**
|
|
14
|
-
* Called when an item is added via drag-and-drop. Represents the event handler of the [`addItem`](
|
|
14
|
+
* Called when an item is added via drag-and-drop. Represents the event handler of the [`addItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#additem) event.
|
|
15
15
|
*/
|
|
16
16
|
add: (args: TreeItemAddRemoveArgs) => void;
|
|
17
17
|
/**
|
|
18
|
-
* Called when an item is removed via drag-and-drop. Represents the event handler of the [`removeItem`](
|
|
18
|
+
* Called when an item is removed via drag-and-drop. Represents the event handler of the [`removeItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#removeitem) event.
|
|
19
19
|
*/
|
|
20
20
|
remove: (args: TreeItemAddRemoveArgs) => void;
|
|
21
21
|
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* Represents a hierarchical node in the TreeView filter state.
|
|
7
7
|
* Used as a lookup structure to persist information about the current node, its filter state, parent, and child nodes.
|
|
8
|
-
* Utilized in the [`filterStateChange`](
|
|
8
|
+
* Utilized in the [`filterStateChange`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#filterstatechange) event.
|
|
9
9
|
*/
|
|
10
10
|
export interface TreeItemFilterState {
|
|
11
11
|
/**
|
|
@@ -6,8 +6,8 @@ import { TreeViewComponent } from '../../treeview.component';
|
|
|
6
6
|
import { TreeItemLookup } from '../../treeitem-lookup.interface';
|
|
7
7
|
import { DropPosition } from './drop-position';
|
|
8
8
|
/**
|
|
9
|
-
* Provides information for TreeView drag-and-drop [`addItem`](
|
|
10
|
-
* and [`removeItem`](
|
|
9
|
+
* Provides information for TreeView drag-and-drop [`addItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#additem)
|
|
10
|
+
* and [`removeItem`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#removeitem) events.
|
|
11
11
|
*/
|
|
12
12
|
export interface TreeItemAddRemoveArgs {
|
|
13
13
|
/**
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { TreeItemLookup } from '../../treeitem-lookup.interface';
|
|
6
6
|
/**
|
|
7
|
-
* Arguments for the TreeView [`nodeDrag`](
|
|
8
|
-
* [`nodeDragEnd`](
|
|
7
|
+
* Arguments for the TreeView [`nodeDrag`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#nodedrag) and
|
|
8
|
+
* [`nodeDragEnd`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#nodedragend) events.
|
|
9
9
|
*/
|
|
10
10
|
export declare class TreeItemDragEvent {
|
|
11
11
|
/** @hidden */
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { TreeItemLookup } from '../../treeitem-lookup.interface';
|
|
6
6
|
import { PreventableEvent } from './preventable-event';
|
|
7
7
|
/**
|
|
8
|
-
* Arguments for the TreeView [`nodeDragStart`](
|
|
8
|
+
* Arguments for the TreeView [`nodeDragStart`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#nodedragstart) event.
|
|
9
9
|
*/
|
|
10
10
|
export declare class TreeItemDragStartEvent extends PreventableEvent {
|
|
11
11
|
/**
|
|
@@ -8,7 +8,7 @@ import { DropPosition } from './drop-position';
|
|
|
8
8
|
import { PreventableEvent } from './preventable-event';
|
|
9
9
|
import { TreeItemAddRemoveArgs } from './treeitem-add-remove-args';
|
|
10
10
|
/**
|
|
11
|
-
* Arguments for the TreeView [`nodeDrop`](
|
|
11
|
+
* Arguments for the TreeView [`nodeDrop`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#nodedrop) event.
|
|
12
12
|
*/
|
|
13
13
|
export declare class TreeItemDropEvent extends PreventableEvent implements TreeItemAddRemoveArgs {
|
|
14
14
|
/**
|
package/expand.directive.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ interface ExpandTreeItem extends TreeItem {
|
|
|
16
16
|
}
|
|
17
17
|
/**
|
|
18
18
|
* Represents a directive that manages the expanded state of the TreeView
|
|
19
|
-
* ([see example](
|
|
19
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/expanded-state)).
|
|
20
20
|
*
|
|
21
21
|
* @example
|
|
22
22
|
* ```html
|
|
@@ -44,7 +44,7 @@ export declare class ExpandDirective implements OnDestroy, OnChanges {
|
|
|
44
44
|
expandKey: string | ((context: TreeItem) => any);
|
|
45
45
|
/**
|
|
46
46
|
* Specifies whether to auto-expand the nodes leading from the root node to each filter result.
|
|
47
|
-
* To fine-tune this behavior, pass a [`FilterExpandSettings`](
|
|
47
|
+
* To fine-tune this behavior, pass a [`FilterExpandSettings`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/filterexpandsettings) object to this input.
|
|
48
48
|
* @default false
|
|
49
49
|
*/
|
|
50
50
|
expandOnFilter: boolean | FilterExpandSettings;
|