@progress/kendo-angular-treelist 19.0.0-develop.6 → 19.0.0-develop.7
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/dragdrop/drag-hint.service.d.ts +3 -2
- package/esm2022/dragdrop/drag-hint.service.mjs +7 -4
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/row-reordering/row-reorder.service.mjs +15 -0
- package/esm2022/treelist.component.mjs +1 -0
- package/fesm2022/progress-kendo-angular-treelist.mjs +25 -6
- package/package.json +18 -18
- package/row-reordering/row-reorder.service.d.ts +2 -0
- package/schematics/ngAdd/index.js +3 -3
@@ -9,11 +9,12 @@ import * as i0 from "@angular/core";
|
|
9
9
|
* @hidden
|
10
10
|
*/
|
11
11
|
export declare class DragHintService {
|
12
|
-
private
|
12
|
+
private sanitizer;
|
13
13
|
private iconsService;
|
14
14
|
private dom;
|
15
15
|
private cancelIcon;
|
16
|
-
constructor(
|
16
|
+
constructor(sanitizer: DomSanitizer, iconsService: IconsService);
|
17
|
+
ngOnDestroy(): void;
|
17
18
|
create(title: string): void;
|
18
19
|
attach(): Function;
|
19
20
|
remove(): void;
|
@@ -65,21 +65,24 @@ const fontIconsMarkup = (safeTitle) => `
|
|
65
65
|
* @hidden
|
66
66
|
*/
|
67
67
|
export class DragHintService {
|
68
|
-
|
68
|
+
sanitizer;
|
69
69
|
iconsService;
|
70
70
|
dom;
|
71
71
|
cancelIcon = cancelIcon;
|
72
|
-
constructor(
|
73
|
-
this.
|
72
|
+
constructor(sanitizer, iconsService) {
|
73
|
+
this.sanitizer = sanitizer;
|
74
74
|
this.iconsService = iconsService;
|
75
75
|
}
|
76
|
+
ngOnDestroy() {
|
77
|
+
this.remove();
|
78
|
+
}
|
76
79
|
create(title) {
|
77
80
|
if (!isDocumentAvailable()) {
|
78
81
|
return;
|
79
82
|
}
|
80
83
|
this.dom = document.createElement("div");
|
81
84
|
decorate(this.dom);
|
82
|
-
const safeTitle = this.
|
85
|
+
const safeTitle = this.sanitizer.sanitize(SecurityContext.HTML, title);
|
83
86
|
const innerHtml = this.isSVG ?
|
84
87
|
svgIconsMarkup(this.cancelIcon.viewBox, this.cancelIcon.content, safeTitle) :
|
85
88
|
fontIconsMarkup(safeTitle);
|
@@ -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: '19.0.0-develop.
|
13
|
+
publishDate: 1746022611,
|
14
|
+
version: '19.0.0-develop.7',
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
16
16
|
};
|
@@ -24,6 +24,10 @@ export class RowReorderService {
|
|
24
24
|
constructor(renderer) {
|
25
25
|
this.renderer = renderer;
|
26
26
|
}
|
27
|
+
ngOnDestroy() {
|
28
|
+
this.destroyDropIndicator();
|
29
|
+
this.destroyHintElement();
|
30
|
+
}
|
27
31
|
press(ev) {
|
28
32
|
this.dragTarget = ev.dragTarget;
|
29
33
|
this.offsetY = ev.dragEvent.offsetY;
|
@@ -56,12 +60,14 @@ export class RowReorderService {
|
|
56
60
|
}
|
57
61
|
dragEnd() {
|
58
62
|
this.destroyDropIndicator();
|
63
|
+
this.destroyHintElement();
|
59
64
|
this.dragTarget = null;
|
60
65
|
this.dropTarget = null;
|
61
66
|
this.hintElement = null;
|
62
67
|
}
|
63
68
|
drop() {
|
64
69
|
this.destroyDropIndicator();
|
70
|
+
this.destroyHintElement();
|
65
71
|
const rowReorderArgs = this.rowReorderArgs(this.dragTarget, this.dropTarget, this.view);
|
66
72
|
this.rowReorder.emit(rowReorderArgs);
|
67
73
|
}
|
@@ -140,6 +146,15 @@ export class RowReorderService {
|
|
140
146
|
this.dropIndicator = null;
|
141
147
|
}
|
142
148
|
}
|
149
|
+
destroyHintElement() {
|
150
|
+
if (!isDocumentAvailable()) {
|
151
|
+
return;
|
152
|
+
}
|
153
|
+
if (this.hintElement?.parentElement) {
|
154
|
+
this.hintElement.parentElement.removeChild(this.hintElement);
|
155
|
+
this.hintElement = null;
|
156
|
+
}
|
157
|
+
}
|
143
158
|
decorateHint() {
|
144
159
|
hintClasses.forEach(className => this.renderer.addClass(this.hintElement, className));
|
145
160
|
Object.keys(hintStyles)
|
@@ -49,8 +49,8 @@ const packageMetadata = {
|
|
49
49
|
productName: 'Kendo UI for Angular',
|
50
50
|
productCode: 'KENDOUIANGULAR',
|
51
51
|
productCodes: ['KENDOUIANGULAR'],
|
52
|
-
publishDate:
|
53
|
-
version: '19.0.0-develop.
|
52
|
+
publishDate: 1746022611,
|
53
|
+
version: '19.0.0-develop.7',
|
54
54
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
55
55
|
};
|
56
56
|
|
@@ -3238,21 +3238,24 @@ const fontIconsMarkup = (safeTitle) => `
|
|
3238
3238
|
* @hidden
|
3239
3239
|
*/
|
3240
3240
|
class DragHintService {
|
3241
|
-
|
3241
|
+
sanitizer;
|
3242
3242
|
iconsService;
|
3243
3243
|
dom;
|
3244
3244
|
cancelIcon = cancelIcon;
|
3245
|
-
constructor(
|
3246
|
-
this.
|
3245
|
+
constructor(sanitizer, iconsService) {
|
3246
|
+
this.sanitizer = sanitizer;
|
3247
3247
|
this.iconsService = iconsService;
|
3248
3248
|
}
|
3249
|
+
ngOnDestroy() {
|
3250
|
+
this.remove();
|
3251
|
+
}
|
3249
3252
|
create(title) {
|
3250
3253
|
if (!isDocumentAvailable()) {
|
3251
3254
|
return;
|
3252
3255
|
}
|
3253
3256
|
this.dom = document.createElement("div");
|
3254
3257
|
decorate(this.dom);
|
3255
|
-
const safeTitle = this.
|
3258
|
+
const safeTitle = this.sanitizer.sanitize(SecurityContext.HTML, title);
|
3256
3259
|
const innerHtml = this.isSVG ?
|
3257
3260
|
svgIconsMarkup(this.cancelIcon.viewBox, this.cancelIcon.content, safeTitle) :
|
3258
3261
|
fontIconsMarkup(safeTitle);
|
@@ -5522,6 +5525,10 @@ class RowReorderService {
|
|
5522
5525
|
constructor(renderer) {
|
5523
5526
|
this.renderer = renderer;
|
5524
5527
|
}
|
5528
|
+
ngOnDestroy() {
|
5529
|
+
this.destroyDropIndicator();
|
5530
|
+
this.destroyHintElement();
|
5531
|
+
}
|
5525
5532
|
press(ev) {
|
5526
5533
|
this.dragTarget = ev.dragTarget;
|
5527
5534
|
this.offsetY = ev.dragEvent.offsetY;
|
@@ -5554,12 +5561,14 @@ class RowReorderService {
|
|
5554
5561
|
}
|
5555
5562
|
dragEnd() {
|
5556
5563
|
this.destroyDropIndicator();
|
5564
|
+
this.destroyHintElement();
|
5557
5565
|
this.dragTarget = null;
|
5558
5566
|
this.dropTarget = null;
|
5559
5567
|
this.hintElement = null;
|
5560
5568
|
}
|
5561
5569
|
drop() {
|
5562
5570
|
this.destroyDropIndicator();
|
5571
|
+
this.destroyHintElement();
|
5563
5572
|
const rowReorderArgs = this.rowReorderArgs(this.dragTarget, this.dropTarget, this.view);
|
5564
5573
|
this.rowReorder.emit(rowReorderArgs);
|
5565
5574
|
}
|
@@ -5638,6 +5647,15 @@ class RowReorderService {
|
|
5638
5647
|
this.dropIndicator = null;
|
5639
5648
|
}
|
5640
5649
|
}
|
5650
|
+
destroyHintElement() {
|
5651
|
+
if (!isDocumentAvailable()) {
|
5652
|
+
return;
|
5653
|
+
}
|
5654
|
+
if (this.hintElement?.parentElement) {
|
5655
|
+
this.hintElement.parentElement.removeChild(this.hintElement);
|
5656
|
+
this.hintElement = null;
|
5657
|
+
}
|
5658
|
+
}
|
5641
5659
|
decorateHint() {
|
5642
5660
|
hintClasses.forEach(className => this.renderer.addClass(this.hintElement, className));
|
5643
5661
|
Object.keys(hintStyles)
|
@@ -16498,6 +16516,7 @@ class TreeListComponent {
|
|
16498
16516
|
this.rowReorder.emit(args);
|
16499
16517
|
});
|
16500
16518
|
});
|
16519
|
+
this.subscriptions.add(this.rowReorderSubscription);
|
16501
16520
|
}
|
16502
16521
|
else {
|
16503
16522
|
this.rowReorderSubscription?.unsubscribe();
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@progress/kendo-angular-treelist",
|
3
|
-
"version": "19.0.0-develop.
|
3
|
+
"version": "19.0.0-develop.7",
|
4
4
|
"description": "Kendo UI TreeList for Angular - Display hierarchical data in an Angular tree grid view that supports sorting, filtering, paging, and much more.",
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
6
6
|
"author": "Progress",
|
@@ -24,7 +24,7 @@
|
|
24
24
|
"package": {
|
25
25
|
"productName": "Kendo UI for Angular",
|
26
26
|
"productCode": "KENDOUIANGULAR",
|
27
|
-
"publishDate":
|
27
|
+
"publishDate": 1746022611,
|
28
28
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
29
29
|
}
|
30
30
|
},
|
@@ -37,26 +37,26 @@
|
|
37
37
|
"@progress/kendo-data-query": "^1.0.0",
|
38
38
|
"@progress/kendo-drawing": "^1.21.0",
|
39
39
|
"@progress/kendo-licensing": "^1.5.0",
|
40
|
-
"@progress/kendo-angular-buttons": "19.0.0-develop.
|
41
|
-
"@progress/kendo-angular-common": "19.0.0-develop.
|
42
|
-
"@progress/kendo-angular-dateinputs": "19.0.0-develop.
|
43
|
-
"@progress/kendo-angular-dropdowns": "19.0.0-develop.
|
44
|
-
"@progress/kendo-angular-excel-export": "19.0.0-develop.
|
45
|
-
"@progress/kendo-angular-icons": "19.0.0-develop.
|
46
|
-
"@progress/kendo-angular-inputs": "19.0.0-develop.
|
47
|
-
"@progress/kendo-angular-intl": "19.0.0-develop.
|
48
|
-
"@progress/kendo-angular-l10n": "19.0.0-develop.
|
49
|
-
"@progress/kendo-angular-label": "19.0.0-develop.
|
50
|
-
"@progress/kendo-angular-pager": "19.0.0-develop.
|
51
|
-
"@progress/kendo-angular-pdf-export": "19.0.0-develop.
|
52
|
-
"@progress/kendo-angular-popup": "19.0.0-develop.
|
53
|
-
"@progress/kendo-angular-toolbar": "19.0.0-develop.
|
54
|
-
"@progress/kendo-angular-utils": "19.0.0-develop.
|
40
|
+
"@progress/kendo-angular-buttons": "19.0.0-develop.7",
|
41
|
+
"@progress/kendo-angular-common": "19.0.0-develop.7",
|
42
|
+
"@progress/kendo-angular-dateinputs": "19.0.0-develop.7",
|
43
|
+
"@progress/kendo-angular-dropdowns": "19.0.0-develop.7",
|
44
|
+
"@progress/kendo-angular-excel-export": "19.0.0-develop.7",
|
45
|
+
"@progress/kendo-angular-icons": "19.0.0-develop.7",
|
46
|
+
"@progress/kendo-angular-inputs": "19.0.0-develop.7",
|
47
|
+
"@progress/kendo-angular-intl": "19.0.0-develop.7",
|
48
|
+
"@progress/kendo-angular-l10n": "19.0.0-develop.7",
|
49
|
+
"@progress/kendo-angular-label": "19.0.0-develop.7",
|
50
|
+
"@progress/kendo-angular-pager": "19.0.0-develop.7",
|
51
|
+
"@progress/kendo-angular-pdf-export": "19.0.0-develop.7",
|
52
|
+
"@progress/kendo-angular-popup": "19.0.0-develop.7",
|
53
|
+
"@progress/kendo-angular-toolbar": "19.0.0-develop.7",
|
54
|
+
"@progress/kendo-angular-utils": "19.0.0-develop.7",
|
55
55
|
"rxjs": "^6.5.3 || ^7.0.0"
|
56
56
|
},
|
57
57
|
"dependencies": {
|
58
58
|
"tslib": "^2.3.1",
|
59
|
-
"@progress/kendo-angular-schematics": "19.0.0-develop.
|
59
|
+
"@progress/kendo-angular-schematics": "19.0.0-develop.7",
|
60
60
|
"@progress/kendo-common": "^1.0.1",
|
61
61
|
"@progress/kendo-file-saver": "^1.0.0"
|
62
62
|
},
|
@@ -28,6 +28,7 @@ export declare class RowReorderService {
|
|
28
28
|
private hintElement;
|
29
29
|
rowReorder: EventEmitter<RowReorderEvent>;
|
30
30
|
constructor(renderer: Renderer2);
|
31
|
+
ngOnDestroy(): void;
|
31
32
|
press(ev: DragTargetPressEvent): void;
|
32
33
|
dragStart(): void;
|
33
34
|
drag(ev: DragTargetDragEvent): void;
|
@@ -48,6 +49,7 @@ export declare class RowReorderService {
|
|
48
49
|
private getDragRowPerElement;
|
49
50
|
private createDropIndicator;
|
50
51
|
private destroyDropIndicator;
|
52
|
+
private destroyHintElement;
|
51
53
|
private decorateHint;
|
52
54
|
private positionDropIndicator;
|
53
55
|
private decorateDropIndicator;
|
@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
4
4
|
function default_1(options) {
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeListModule', package: 'treelist', peerDependencies: {
|
6
6
|
// peer dep of the dropdowns
|
7
|
-
'@progress/kendo-angular-treeview': '19.0.0-develop.
|
7
|
+
'@progress/kendo-angular-treeview': '19.0.0-develop.7',
|
8
8
|
// peer dependency of kendo-angular-inputs
|
9
|
-
'@progress/kendo-angular-dialog': '19.0.0-develop.
|
9
|
+
'@progress/kendo-angular-dialog': '19.0.0-develop.7',
|
10
10
|
// peer dependency of kendo-angular-icons
|
11
11
|
'@progress/kendo-svg-icons': '^4.0.0',
|
12
12
|
// peer dependency of kendo-angular-dateinputs
|
13
|
-
'@progress/kendo-angular-navigation': '19.0.0-develop.
|
13
|
+
'@progress/kendo-angular-navigation': '19.0.0-develop.7',
|
14
14
|
} });
|
15
15
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
16
16
|
}
|