@progress/kendo-angular-treeview 21.1.1-develop.2 → 21.2.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/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/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 +340 -318
- 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,
|
|
@@ -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: 1764002161,
|
|
14
|
+
version: '21.2.0-develop.2',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|