@progress/kendo-angular-grid 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/grid.component.mjs +6 -0
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/row-reordering/row-reorder.service.mjs +15 -0
- package/fesm2022/progress-kendo-angular-grid.mjs +30 -6
- package/package.json +20 -20
- package/row-reordering/row-reorder.service.d.ts +2 -0
- package/schematics/ngAdd/index.js +4 -4
|
@@ -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);
|
|
@@ -1250,6 +1250,12 @@ export class GridComponent {
|
|
|
1250
1250
|
if (this.selectionSubscription) {
|
|
1251
1251
|
this.selectionSubscription.unsubscribe();
|
|
1252
1252
|
}
|
|
1253
|
+
if (this.rowReorderSubscription) {
|
|
1254
|
+
this.rowReorderSubscription.unsubscribe();
|
|
1255
|
+
}
|
|
1256
|
+
if (this.columnReorderSubscription) {
|
|
1257
|
+
this.columnReorderSubscription.unsubscribe();
|
|
1258
|
+
}
|
|
1253
1259
|
if (this.stateChangeSubscription) {
|
|
1254
1260
|
this.stateChangeSubscription.unsubscribe();
|
|
1255
1261
|
}
|
|
@@ -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: 1746022597,
|
|
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;
|
|
@@ -55,12 +59,14 @@ export class RowReorderService {
|
|
|
55
59
|
}
|
|
56
60
|
dragEnd() {
|
|
57
61
|
this.destroyDropIndicator();
|
|
62
|
+
this.destroyHintElement();
|
|
58
63
|
this.dragTarget = null;
|
|
59
64
|
this.dropTarget = null;
|
|
60
65
|
this.hintElement = null;
|
|
61
66
|
}
|
|
62
67
|
drop(ev) {
|
|
63
68
|
this.destroyDropIndicator();
|
|
69
|
+
this.destroyHintElement();
|
|
64
70
|
const rowReorderArgs = this.rowReorderArgs(this.dragTarget, this.dropTarget, ev.dragData);
|
|
65
71
|
this.rowReorder.emit(rowReorderArgs);
|
|
66
72
|
}
|
|
@@ -142,6 +148,15 @@ export class RowReorderService {
|
|
|
142
148
|
this.dropIndicator = null;
|
|
143
149
|
}
|
|
144
150
|
}
|
|
151
|
+
destroyHintElement() {
|
|
152
|
+
if (!isDocumentAvailable()) {
|
|
153
|
+
return;
|
|
154
|
+
}
|
|
155
|
+
if (this.hintElement?.parentElement) {
|
|
156
|
+
this.hintElement.parentElement.removeChild(this.hintElement);
|
|
157
|
+
this.hintElement = null;
|
|
158
|
+
}
|
|
159
|
+
}
|
|
145
160
|
decorateHint() {
|
|
146
161
|
hintClasses.forEach(className => this.renderer.addClass(this.hintElement, className));
|
|
147
162
|
Object.keys(hintStyles)
|
|
@@ -225,21 +225,24 @@ const fontIconsMarkup = (safeTitle) => `
|
|
|
225
225
|
* @hidden
|
|
226
226
|
*/
|
|
227
227
|
class DragHintService {
|
|
228
|
-
|
|
228
|
+
sanitizer;
|
|
229
229
|
iconsService;
|
|
230
230
|
dom;
|
|
231
231
|
cancelIcon = cancelIcon;
|
|
232
|
-
constructor(
|
|
233
|
-
this.
|
|
232
|
+
constructor(sanitizer, iconsService) {
|
|
233
|
+
this.sanitizer = sanitizer;
|
|
234
234
|
this.iconsService = iconsService;
|
|
235
235
|
}
|
|
236
|
+
ngOnDestroy() {
|
|
237
|
+
this.remove();
|
|
238
|
+
}
|
|
236
239
|
create(title) {
|
|
237
240
|
if (!isDocumentAvailable()) {
|
|
238
241
|
return;
|
|
239
242
|
}
|
|
240
243
|
this.dom = document.createElement("div");
|
|
241
244
|
decorate(this.dom);
|
|
242
|
-
const safeTitle = this.
|
|
245
|
+
const safeTitle = this.sanitizer.sanitize(SecurityContext.HTML, title);
|
|
243
246
|
const innerHtml = this.isSVG ?
|
|
244
247
|
svgIconsMarkup(this.cancelIcon.viewBox, this.cancelIcon.content, safeTitle) :
|
|
245
248
|
fontIconsMarkup(safeTitle);
|
|
@@ -20009,8 +20012,8 @@ const packageMetadata = {
|
|
|
20009
20012
|
productName: 'Kendo UI for Angular',
|
|
20010
20013
|
productCode: 'KENDOUIANGULAR',
|
|
20011
20014
|
productCodes: ['KENDOUIANGULAR'],
|
|
20012
|
-
publishDate:
|
|
20013
|
-
version: '19.0.0-develop.
|
|
20015
|
+
publishDate: 1746022597,
|
|
20016
|
+
version: '19.0.0-develop.7',
|
|
20014
20017
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
20015
20018
|
};
|
|
20016
20019
|
|
|
@@ -21021,6 +21024,10 @@ class RowReorderService {
|
|
|
21021
21024
|
constructor(renderer) {
|
|
21022
21025
|
this.renderer = renderer;
|
|
21023
21026
|
}
|
|
21027
|
+
ngOnDestroy() {
|
|
21028
|
+
this.destroyDropIndicator();
|
|
21029
|
+
this.destroyHintElement();
|
|
21030
|
+
}
|
|
21024
21031
|
press(ev) {
|
|
21025
21032
|
this.dragTarget = ev.dragTarget;
|
|
21026
21033
|
this.offsetY = ev.dragEvent.offsetY;
|
|
@@ -21052,12 +21059,14 @@ class RowReorderService {
|
|
|
21052
21059
|
}
|
|
21053
21060
|
dragEnd() {
|
|
21054
21061
|
this.destroyDropIndicator();
|
|
21062
|
+
this.destroyHintElement();
|
|
21055
21063
|
this.dragTarget = null;
|
|
21056
21064
|
this.dropTarget = null;
|
|
21057
21065
|
this.hintElement = null;
|
|
21058
21066
|
}
|
|
21059
21067
|
drop(ev) {
|
|
21060
21068
|
this.destroyDropIndicator();
|
|
21069
|
+
this.destroyHintElement();
|
|
21061
21070
|
const rowReorderArgs = this.rowReorderArgs(this.dragTarget, this.dropTarget, ev.dragData);
|
|
21062
21071
|
this.rowReorder.emit(rowReorderArgs);
|
|
21063
21072
|
}
|
|
@@ -21139,6 +21148,15 @@ class RowReorderService {
|
|
|
21139
21148
|
this.dropIndicator = null;
|
|
21140
21149
|
}
|
|
21141
21150
|
}
|
|
21151
|
+
destroyHintElement() {
|
|
21152
|
+
if (!isDocumentAvailable()) {
|
|
21153
|
+
return;
|
|
21154
|
+
}
|
|
21155
|
+
if (this.hintElement?.parentElement) {
|
|
21156
|
+
this.hintElement.parentElement.removeChild(this.hintElement);
|
|
21157
|
+
this.hintElement = null;
|
|
21158
|
+
}
|
|
21159
|
+
}
|
|
21142
21160
|
decorateHint() {
|
|
21143
21161
|
hintClasses.forEach(className => this.renderer.addClass(this.hintElement, className));
|
|
21144
21162
|
Object.keys(hintStyles)
|
|
@@ -24915,6 +24933,12 @@ class GridComponent {
|
|
|
24915
24933
|
if (this.selectionSubscription) {
|
|
24916
24934
|
this.selectionSubscription.unsubscribe();
|
|
24917
24935
|
}
|
|
24936
|
+
if (this.rowReorderSubscription) {
|
|
24937
|
+
this.rowReorderSubscription.unsubscribe();
|
|
24938
|
+
}
|
|
24939
|
+
if (this.columnReorderSubscription) {
|
|
24940
|
+
this.columnReorderSubscription.unsubscribe();
|
|
24941
|
+
}
|
|
24918
24942
|
if (this.stateChangeSubscription) {
|
|
24919
24943
|
this.stateChangeSubscription.unsubscribe();
|
|
24920
24944
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-grid",
|
|
3
|
-
"version": "19.0.0-develop.
|
|
3
|
+
"version": "19.0.0-develop.7",
|
|
4
4
|
"description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"package": {
|
|
27
27
|
"productName": "Kendo UI for Angular",
|
|
28
28
|
"productCode": "KENDOUIANGULAR",
|
|
29
|
-
"publishDate":
|
|
29
|
+
"publishDate": 1746022597,
|
|
30
30
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
31
31
|
}
|
|
32
32
|
},
|
|
@@ -39,28 +39,28 @@
|
|
|
39
39
|
"@progress/kendo-data-query": "^1.0.0",
|
|
40
40
|
"@progress/kendo-drawing": "^1.21.0",
|
|
41
41
|
"@progress/kendo-licensing": "^1.5.0",
|
|
42
|
-
"@progress/kendo-angular-buttons": "19.0.0-develop.
|
|
43
|
-
"@progress/kendo-angular-common": "19.0.0-develop.
|
|
44
|
-
"@progress/kendo-angular-dateinputs": "19.0.0-develop.
|
|
45
|
-
"@progress/kendo-angular-layout": "19.0.0-develop.
|
|
46
|
-
"@progress/kendo-angular-dropdowns": "19.0.0-develop.
|
|
47
|
-
"@progress/kendo-angular-excel-export": "19.0.0-develop.
|
|
48
|
-
"@progress/kendo-angular-icons": "19.0.0-develop.
|
|
49
|
-
"@progress/kendo-angular-inputs": "19.0.0-develop.
|
|
50
|
-
"@progress/kendo-angular-indicators": "19.0.0-develop.
|
|
51
|
-
"@progress/kendo-angular-intl": "19.0.0-develop.
|
|
52
|
-
"@progress/kendo-angular-l10n": "19.0.0-develop.
|
|
53
|
-
"@progress/kendo-angular-label": "19.0.0-develop.
|
|
54
|
-
"@progress/kendo-angular-pager": "19.0.0-develop.
|
|
55
|
-
"@progress/kendo-angular-pdf-export": "19.0.0-develop.
|
|
56
|
-
"@progress/kendo-angular-popup": "19.0.0-develop.
|
|
57
|
-
"@progress/kendo-angular-toolbar": "19.0.0-develop.
|
|
58
|
-
"@progress/kendo-angular-utils": "19.0.0-develop.
|
|
42
|
+
"@progress/kendo-angular-buttons": "19.0.0-develop.7",
|
|
43
|
+
"@progress/kendo-angular-common": "19.0.0-develop.7",
|
|
44
|
+
"@progress/kendo-angular-dateinputs": "19.0.0-develop.7",
|
|
45
|
+
"@progress/kendo-angular-layout": "19.0.0-develop.7",
|
|
46
|
+
"@progress/kendo-angular-dropdowns": "19.0.0-develop.7",
|
|
47
|
+
"@progress/kendo-angular-excel-export": "19.0.0-develop.7",
|
|
48
|
+
"@progress/kendo-angular-icons": "19.0.0-develop.7",
|
|
49
|
+
"@progress/kendo-angular-inputs": "19.0.0-develop.7",
|
|
50
|
+
"@progress/kendo-angular-indicators": "19.0.0-develop.7",
|
|
51
|
+
"@progress/kendo-angular-intl": "19.0.0-develop.7",
|
|
52
|
+
"@progress/kendo-angular-l10n": "19.0.0-develop.7",
|
|
53
|
+
"@progress/kendo-angular-label": "19.0.0-develop.7",
|
|
54
|
+
"@progress/kendo-angular-pager": "19.0.0-develop.7",
|
|
55
|
+
"@progress/kendo-angular-pdf-export": "19.0.0-develop.7",
|
|
56
|
+
"@progress/kendo-angular-popup": "19.0.0-develop.7",
|
|
57
|
+
"@progress/kendo-angular-toolbar": "19.0.0-develop.7",
|
|
58
|
+
"@progress/kendo-angular-utils": "19.0.0-develop.7",
|
|
59
59
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
62
|
"tslib": "^2.3.1",
|
|
63
|
-
"@progress/kendo-angular-schematics": "19.0.0-develop.
|
|
63
|
+
"@progress/kendo-angular-schematics": "19.0.0-develop.7",
|
|
64
64
|
"@progress/kendo-common": "^1.0.1",
|
|
65
65
|
"@progress/kendo-file-saver": "^1.0.0"
|
|
66
66
|
},
|
|
@@ -28,6 +28,7 @@ export declare class RowReorderService {
|
|
|
28
28
|
private offsetY;
|
|
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;
|
|
@@ -44,6 +45,7 @@ export declare class RowReorderService {
|
|
|
44
45
|
private getDragRowPerElement;
|
|
45
46
|
private createDropIndicator;
|
|
46
47
|
private destroyDropIndicator;
|
|
48
|
+
private destroyHintElement;
|
|
47
49
|
private decorateHint;
|
|
48
50
|
private positionDropIndicator;
|
|
49
51
|
private calculateIndexToAdd;
|
|
@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
|
|
6
6
|
// peer deps of the dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '19.0.0-develop.
|
|
8
|
-
'@progress/kendo-angular-navigation': '19.0.0-develop.
|
|
7
|
+
'@progress/kendo-angular-treeview': '19.0.0-develop.7',
|
|
8
|
+
'@progress/kendo-angular-navigation': '19.0.0-develop.7',
|
|
9
9
|
// peer dependency of kendo-angular-inputs
|
|
10
|
-
'@progress/kendo-angular-dialog': '19.0.0-develop.
|
|
10
|
+
'@progress/kendo-angular-dialog': '19.0.0-develop.7',
|
|
11
11
|
// peer dependency of kendo-angular-icons
|
|
12
12
|
'@progress/kendo-svg-icons': '^4.0.0',
|
|
13
13
|
// peer dependency of kendo-angular-layout
|
|
14
|
-
'@progress/kendo-angular-progressbar': '19.0.0-develop.
|
|
14
|
+
'@progress/kendo-angular-progressbar': '19.0.0-develop.7'
|
|
15
15
|
} });
|
|
16
16
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
17
17
|
}
|