@progress/kendo-angular-treeview 21.1.1-develop.2 → 21.2.0-develop.10
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/drag-and-drop/drag-clue/drag-clue.component.mjs +35 -33
- package/esm2022/drag-and-drop/drop-hint/drop-hint.component.mjs +42 -38
- package/esm2022/navigation/navigation.service.mjs +2 -2
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/treeview-group.component.mjs +161 -147
- package/esm2022/treeview.component.mjs +102 -101
- package/fesm2022/progress-kendo-angular-treeview.mjs +342 -320
- package/package.json +7 -7
- package/schematics/ngAdd/index.js +4 -4
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { Component, HostBinding, ChangeDetectorRef, ChangeDetectionStrategy } from "@angular/core";
|
|
6
6
|
import { DropAction } from '../models';
|
|
7
7
|
import { cancelIcon, insertBottomIcon, insertMiddleIcon, insertTopIcon, plusIcon } from "@progress/kendo-svg-icons";
|
|
8
|
-
import {
|
|
8
|
+
import { NgTemplateOutlet } from "@angular/common";
|
|
9
9
|
import { IconWrapperComponent } from "@progress/kendo-angular-icons";
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
/**
|
|
@@ -63,19 +63,19 @@ export class DragClueComponent {
|
|
|
63
63
|
this.cdr.detectChanges();
|
|
64
64
|
}
|
|
65
65
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragClueComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
66
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DragClueComponent, isStandalone: true, selector: "kendo-treeview-drag-clue", host: { properties: { "class.k-header": "this.hostClasses", "class.k-drag-clue": "this.hostClasses", "style.position": "this.posistionStyle" } }, ngImport: i0, template: `
|
|
67
|
+
@if (!template) {
|
|
68
|
+
<kendo-icon-wrapper
|
|
69
|
+
innerCssClass="k-drag-status"
|
|
70
|
+
[name]="statusIconClass"
|
|
71
|
+
[svgIcon]="statusSVGIcon"
|
|
72
|
+
>
|
|
73
|
+
</kendo-icon-wrapper>
|
|
74
|
+
<span>{{text}}</span>
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@if (template) {
|
|
78
|
+
<ng-template
|
|
79
79
|
[ngTemplateOutlet]="template"
|
|
80
80
|
[ngTemplateOutletContext]="{
|
|
81
81
|
text: text,
|
|
@@ -83,9 +83,10 @@ export class DragClueComponent {
|
|
|
83
83
|
sourceItem: sourceItem,
|
|
84
84
|
destinationItem: destinationItem
|
|
85
85
|
}"
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
86
|
+
>
|
|
87
|
+
</ng-template>
|
|
88
|
+
}
|
|
89
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
89
90
|
}
|
|
90
91
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragClueComponent, decorators: [{
|
|
91
92
|
type: Component,
|
|
@@ -93,18 +94,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
93
94
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
94
95
|
selector: 'kendo-treeview-drag-clue',
|
|
95
96
|
template: `
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
97
|
+
@if (!template) {
|
|
98
|
+
<kendo-icon-wrapper
|
|
99
|
+
innerCssClass="k-drag-status"
|
|
100
|
+
[name]="statusIconClass"
|
|
101
|
+
[svgIcon]="statusSVGIcon"
|
|
102
|
+
>
|
|
103
|
+
</kendo-icon-wrapper>
|
|
104
|
+
<span>{{text}}</span>
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
@if (template) {
|
|
108
|
+
<ng-template
|
|
108
109
|
[ngTemplateOutlet]="template"
|
|
109
110
|
[ngTemplateOutletContext]="{
|
|
110
111
|
text: text,
|
|
@@ -112,11 +113,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
112
113
|
sourceItem: sourceItem,
|
|
113
114
|
destinationItem: destinationItem
|
|
114
115
|
}"
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
116
|
+
>
|
|
117
|
+
</ng-template>
|
|
118
|
+
}
|
|
119
|
+
`,
|
|
118
120
|
standalone: true,
|
|
119
|
-
imports: [
|
|
121
|
+
imports: [IconWrapperComponent, NgTemplateOutlet]
|
|
120
122
|
}]
|
|
121
123
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { hostClasses: [{
|
|
122
124
|
type: HostBinding,
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Component, HostBinding, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
|
|
6
|
-
import {
|
|
6
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
@@ -37,26 +37,28 @@ export class DropHintComponent {
|
|
|
37
37
|
this.changeDetectorRef.detectChanges();
|
|
38
38
|
}
|
|
39
39
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropHintComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
40
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DropHintComponent, isStandalone: true, selector: "kendo-treeview-drop-hint", host: { properties: { "class.k-drop-hint-container": "this.hostClass", "style.position": "this.position", "style.pointer-events": "this.pointerEvents" } }, ngImport: i0, template: `
|
|
41
|
+
@if (!template) {
|
|
42
|
+
<div
|
|
43
|
+
class="k-drop-hint k-drop-hint-h"
|
|
44
|
+
>
|
|
45
|
+
<div class='k-drop-hint-start'></div>
|
|
46
|
+
<div class='k-drop-hint-line'></div>
|
|
47
|
+
</div>
|
|
48
|
+
}
|
|
48
49
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
50
|
+
@if (template) {
|
|
51
|
+
<ng-template
|
|
52
|
+
[ngTemplateOutlet]="template"
|
|
53
|
+
[ngTemplateOutletContext]="{
|
|
54
|
+
action: action,
|
|
55
|
+
sourceItem: sourceItem,
|
|
56
|
+
destinationItem: destinationItem
|
|
57
|
+
}"
|
|
58
|
+
>
|
|
59
|
+
</ng-template>
|
|
60
|
+
}
|
|
61
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
60
62
|
}
|
|
61
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropHintComponent, decorators: [{
|
|
62
64
|
type: Component,
|
|
@@ -64,27 +66,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
64
66
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
65
67
|
selector: 'kendo-treeview-drop-hint',
|
|
66
68
|
template: `
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
69
|
+
@if (!template) {
|
|
70
|
+
<div
|
|
71
|
+
class="k-drop-hint k-drop-hint-h"
|
|
72
|
+
>
|
|
73
|
+
<div class='k-drop-hint-start'></div>
|
|
74
|
+
<div class='k-drop-hint-line'></div>
|
|
75
|
+
</div>
|
|
76
|
+
}
|
|
74
77
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
78
|
+
@if (template) {
|
|
79
|
+
<ng-template
|
|
80
|
+
[ngTemplateOutlet]="template"
|
|
81
|
+
[ngTemplateOutletContext]="{
|
|
82
|
+
action: action,
|
|
83
|
+
sourceItem: sourceItem,
|
|
84
|
+
destinationItem: destinationItem
|
|
85
|
+
}"
|
|
86
|
+
>
|
|
87
|
+
</ng-template>
|
|
88
|
+
}
|
|
85
89
|
`,
|
|
86
90
|
standalone: true,
|
|
87
|
-
imports: [
|
|
91
|
+
imports: [NgTemplateOutlet]
|
|
88
92
|
}]
|
|
89
93
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { hostClass: [{
|
|
90
94
|
type: HostBinding,
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Injectable } from '@angular/core';
|
|
6
|
-
import { Keys,
|
|
6
|
+
import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
|
|
7
7
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
8
|
import { Subject } from 'rxjs';
|
|
9
9
|
import { NavigationModel } from './navigation-model';
|
|
@@ -169,7 +169,7 @@ export class NavigationService {
|
|
|
169
169
|
return;
|
|
170
170
|
}
|
|
171
171
|
// on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
|
|
172
|
-
const code =
|
|
172
|
+
const code = normalizeKeys(e);
|
|
173
173
|
const moveAction = this.actions[code];
|
|
174
174
|
if (!moveAction) {
|
|
175
175
|
return;
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '21.
|
|
13
|
+
publishDate: 1764592944,
|
|
14
|
+
version: '21.2.0-develop.10',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|