@progress/kendo-angular-utils 13.2.1-develop.9 → 13.2.2-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/esm2020/drag-and-drop/dragtarget-container.directive.mjs +11 -10
- package/esm2020/drag-and-drop/dragtarget.directive.mjs +11 -10
- package/esm2020/drag-and-drop/droptarget.directive.mjs +1 -0
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-utils.mjs +25 -22
- package/fesm2020/progress-kendo-angular-utils.mjs +25 -22
- package/package.json +3 -3
|
@@ -260,12 +260,21 @@ export class DragTargetContainerDirective {
|
|
|
260
260
|
if (!this.pressed || isDragStartPrevented) {
|
|
261
261
|
return;
|
|
262
262
|
}
|
|
263
|
+
const elem = this.hint ? this.hintElem : this.currentDragTargetElement;
|
|
264
|
+
this.position = this.calculatePosition(elem, event);
|
|
265
|
+
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
266
|
+
if (!this.dragStarted && thresholdNotReached) {
|
|
267
|
+
return;
|
|
268
|
+
}
|
|
269
|
+
if (!this.dragStarted && this.threshold > 0) {
|
|
270
|
+
this.dragStarted = true;
|
|
271
|
+
}
|
|
263
272
|
isDragPrevented = this.emitZoneAwareEvent('onDrag', event).isDefaultPrevented();
|
|
264
273
|
if (isDragPrevented) {
|
|
265
274
|
return;
|
|
266
275
|
}
|
|
267
276
|
if (this.mode === 'auto') {
|
|
268
|
-
this.performDrag(
|
|
277
|
+
this.performDrag();
|
|
269
278
|
}
|
|
270
279
|
else {
|
|
271
280
|
this.dragStarted = true;
|
|
@@ -542,16 +551,8 @@ export class DragTargetContainerDirective {
|
|
|
542
551
|
});
|
|
543
552
|
this.previousDragTargets = [];
|
|
544
553
|
}
|
|
545
|
-
performDrag(
|
|
554
|
+
performDrag() {
|
|
546
555
|
const elem = this.hint ? this.hintElem : this.currentDragTargetElement;
|
|
547
|
-
this.position = this.calculatePosition(elem, event);
|
|
548
|
-
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
549
|
-
if (!this.dragStarted && thresholdNotReached) {
|
|
550
|
-
return;
|
|
551
|
-
}
|
|
552
|
-
if (!this.dragStarted && this.threshold > 0) {
|
|
553
|
-
this.dragStarted = true;
|
|
554
|
-
}
|
|
555
556
|
if (elem) {
|
|
556
557
|
const styles = this.getStylesPerElement(elem);
|
|
557
558
|
setElementStyles(this.renderer, elem, styles);
|
|
@@ -200,12 +200,21 @@ export class DragTargetDirective {
|
|
|
200
200
|
if (!this.pressed || isDragStartPrevented) {
|
|
201
201
|
return;
|
|
202
202
|
}
|
|
203
|
+
const elem = this.hint ? this.hintElem : this.nativeElement;
|
|
204
|
+
this.position = this.calculatePosition(elem, event);
|
|
205
|
+
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
206
|
+
if (!this.dragStarted && thresholdNotReached) {
|
|
207
|
+
return;
|
|
208
|
+
}
|
|
209
|
+
if (!this.dragStarted && this.threshold > 0) {
|
|
210
|
+
this.dragStarted = true;
|
|
211
|
+
}
|
|
203
212
|
isDragPrevented = this.emitZoneAwareEvent('onDrag', event).isDefaultPrevented();
|
|
204
213
|
if (isDragPrevented) {
|
|
205
214
|
return;
|
|
206
215
|
}
|
|
207
216
|
if (this.mode === 'auto') {
|
|
208
|
-
this.performDrag(
|
|
217
|
+
this.performDrag();
|
|
209
218
|
}
|
|
210
219
|
else {
|
|
211
220
|
this.dragStarted = true;
|
|
@@ -409,16 +418,8 @@ export class DragTargetDirective {
|
|
|
409
418
|
return typeof this.dragTargetId === 'string' ? this.dragTargetId : this.dragTargetId({ dragTarget: this.dragTarget.element, dragTargetIndex: null });
|
|
410
419
|
}
|
|
411
420
|
}
|
|
412
|
-
performDrag(
|
|
421
|
+
performDrag() {
|
|
413
422
|
const elem = this.hint ? this.hintElem : this.nativeElement;
|
|
414
|
-
this.position = this.calculatePosition(elem, event);
|
|
415
|
-
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
416
|
-
if (!this.dragStarted && thresholdNotReached) {
|
|
417
|
-
return;
|
|
418
|
-
}
|
|
419
|
-
if (!this.dragStarted && this.threshold > 0) {
|
|
420
|
-
this.dragStarted = true;
|
|
421
|
-
}
|
|
422
423
|
if (elem) {
|
|
423
424
|
const styles = this.getStylesPerElement(elem);
|
|
424
425
|
setElementStyles(this.renderer, elem, styles);
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-utils',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '13.2.
|
|
12
|
+
publishDate: 1691064669,
|
|
13
|
+
version: '13.2.2-develop.1',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -19,8 +19,8 @@ const packageMetadata = {
|
|
|
19
19
|
name: '@progress/kendo-angular-utils',
|
|
20
20
|
productName: 'Kendo UI for Angular',
|
|
21
21
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
22
|
-
publishDate:
|
|
23
|
-
version: '13.2.
|
|
22
|
+
publishDate: 1691064669,
|
|
23
|
+
version: '13.2.2-develop.1',
|
|
24
24
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -628,12 +628,21 @@ class DragTargetDirective {
|
|
|
628
628
|
if (!this.pressed || isDragStartPrevented$1) {
|
|
629
629
|
return;
|
|
630
630
|
}
|
|
631
|
+
const elem = this.hint ? this.hintElem : this.nativeElement;
|
|
632
|
+
this.position = this.calculatePosition(elem, event);
|
|
633
|
+
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
634
|
+
if (!this.dragStarted && thresholdNotReached) {
|
|
635
|
+
return;
|
|
636
|
+
}
|
|
637
|
+
if (!this.dragStarted && this.threshold > 0) {
|
|
638
|
+
this.dragStarted = true;
|
|
639
|
+
}
|
|
631
640
|
isDragPrevented$1 = this.emitZoneAwareEvent('onDrag', event).isDefaultPrevented();
|
|
632
641
|
if (isDragPrevented$1) {
|
|
633
642
|
return;
|
|
634
643
|
}
|
|
635
644
|
if (this.mode === 'auto') {
|
|
636
|
-
this.performDrag(
|
|
645
|
+
this.performDrag();
|
|
637
646
|
}
|
|
638
647
|
else {
|
|
639
648
|
this.dragStarted = true;
|
|
@@ -838,16 +847,8 @@ class DragTargetDirective {
|
|
|
838
847
|
return typeof this.dragTargetId === 'string' ? this.dragTargetId : this.dragTargetId({ dragTarget: this.dragTarget.element, dragTargetIndex: null });
|
|
839
848
|
}
|
|
840
849
|
}
|
|
841
|
-
performDrag(
|
|
850
|
+
performDrag() {
|
|
842
851
|
const elem = this.hint ? this.hintElem : this.nativeElement;
|
|
843
|
-
this.position = this.calculatePosition(elem, event);
|
|
844
|
-
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
845
|
-
if (!this.dragStarted && thresholdNotReached) {
|
|
846
|
-
return;
|
|
847
|
-
}
|
|
848
|
-
if (!this.dragStarted && this.threshold > 0) {
|
|
849
|
-
this.dragStarted = true;
|
|
850
|
-
}
|
|
851
852
|
if (elem) {
|
|
852
853
|
const styles = this.getStylesPerElement(elem);
|
|
853
854
|
setElementStyles(this.renderer, elem, styles);
|
|
@@ -1020,6 +1021,7 @@ class DropTargetDirective {
|
|
|
1020
1021
|
*/
|
|
1021
1022
|
handleDrop(event) {
|
|
1022
1023
|
this.emitZoneAwareEvent('onDrop', event);
|
|
1024
|
+
this.service.dropTarget = null;
|
|
1023
1025
|
}
|
|
1024
1026
|
initializeDropTarget() {
|
|
1025
1027
|
this.dropTarget = {
|
|
@@ -1310,12 +1312,21 @@ class DragTargetContainerDirective {
|
|
|
1310
1312
|
if (!this.pressed || isDragStartPrevented) {
|
|
1311
1313
|
return;
|
|
1312
1314
|
}
|
|
1315
|
+
const elem = this.hint ? this.hintElem : this.currentDragTargetElement;
|
|
1316
|
+
this.position = this.calculatePosition(elem, event);
|
|
1317
|
+
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
1318
|
+
if (!this.dragStarted && thresholdNotReached) {
|
|
1319
|
+
return;
|
|
1320
|
+
}
|
|
1321
|
+
if (!this.dragStarted && this.threshold > 0) {
|
|
1322
|
+
this.dragStarted = true;
|
|
1323
|
+
}
|
|
1313
1324
|
isDragPrevented = this.emitZoneAwareEvent('onDrag', event).isDefaultPrevented();
|
|
1314
1325
|
if (isDragPrevented) {
|
|
1315
1326
|
return;
|
|
1316
1327
|
}
|
|
1317
1328
|
if (this.mode === 'auto') {
|
|
1318
|
-
this.performDrag(
|
|
1329
|
+
this.performDrag();
|
|
1319
1330
|
}
|
|
1320
1331
|
else {
|
|
1321
1332
|
this.dragStarted = true;
|
|
@@ -1593,16 +1604,8 @@ class DragTargetContainerDirective {
|
|
|
1593
1604
|
});
|
|
1594
1605
|
this.previousDragTargets = [];
|
|
1595
1606
|
}
|
|
1596
|
-
performDrag(
|
|
1607
|
+
performDrag() {
|
|
1597
1608
|
const elem = this.hint ? this.hintElem : this.currentDragTargetElement;
|
|
1598
|
-
this.position = this.calculatePosition(elem, event);
|
|
1599
|
-
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
1600
|
-
if (!this.dragStarted && thresholdNotReached) {
|
|
1601
|
-
return;
|
|
1602
|
-
}
|
|
1603
|
-
if (!this.dragStarted && this.threshold > 0) {
|
|
1604
|
-
this.dragStarted = true;
|
|
1605
|
-
}
|
|
1606
1609
|
if (elem) {
|
|
1607
1610
|
const styles = this.getStylesPerElement(elem);
|
|
1608
1611
|
setElementStyles(this.renderer, elem, styles);
|
|
@@ -19,8 +19,8 @@ const packageMetadata = {
|
|
|
19
19
|
name: '@progress/kendo-angular-utils',
|
|
20
20
|
productName: 'Kendo UI for Angular',
|
|
21
21
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
22
|
-
publishDate:
|
|
23
|
-
version: '13.2.
|
|
22
|
+
publishDate: 1691064669,
|
|
23
|
+
version: '13.2.2-develop.1',
|
|
24
24
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -628,12 +628,21 @@ class DragTargetDirective {
|
|
|
628
628
|
if (!this.pressed || isDragStartPrevented$1) {
|
|
629
629
|
return;
|
|
630
630
|
}
|
|
631
|
+
const elem = this.hint ? this.hintElem : this.nativeElement;
|
|
632
|
+
this.position = this.calculatePosition(elem, event);
|
|
633
|
+
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
634
|
+
if (!this.dragStarted && thresholdNotReached) {
|
|
635
|
+
return;
|
|
636
|
+
}
|
|
637
|
+
if (!this.dragStarted && this.threshold > 0) {
|
|
638
|
+
this.dragStarted = true;
|
|
639
|
+
}
|
|
631
640
|
isDragPrevented$1 = this.emitZoneAwareEvent('onDrag', event).isDefaultPrevented();
|
|
632
641
|
if (isDragPrevented$1) {
|
|
633
642
|
return;
|
|
634
643
|
}
|
|
635
644
|
if (this.mode === 'auto') {
|
|
636
|
-
this.performDrag(
|
|
645
|
+
this.performDrag();
|
|
637
646
|
}
|
|
638
647
|
else {
|
|
639
648
|
this.dragStarted = true;
|
|
@@ -837,16 +846,8 @@ class DragTargetDirective {
|
|
|
837
846
|
return typeof this.dragTargetId === 'string' ? this.dragTargetId : this.dragTargetId({ dragTarget: this.dragTarget.element, dragTargetIndex: null });
|
|
838
847
|
}
|
|
839
848
|
}
|
|
840
|
-
performDrag(
|
|
849
|
+
performDrag() {
|
|
841
850
|
const elem = this.hint ? this.hintElem : this.nativeElement;
|
|
842
|
-
this.position = this.calculatePosition(elem, event);
|
|
843
|
-
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
844
|
-
if (!this.dragStarted && thresholdNotReached) {
|
|
845
|
-
return;
|
|
846
|
-
}
|
|
847
|
-
if (!this.dragStarted && this.threshold > 0) {
|
|
848
|
-
this.dragStarted = true;
|
|
849
|
-
}
|
|
850
851
|
if (elem) {
|
|
851
852
|
const styles = this.getStylesPerElement(elem);
|
|
852
853
|
setElementStyles(this.renderer, elem, styles);
|
|
@@ -1019,6 +1020,7 @@ class DropTargetDirective {
|
|
|
1019
1020
|
*/
|
|
1020
1021
|
handleDrop(event) {
|
|
1021
1022
|
this.emitZoneAwareEvent('onDrop', event);
|
|
1023
|
+
this.service.dropTarget = null;
|
|
1022
1024
|
}
|
|
1023
1025
|
initializeDropTarget() {
|
|
1024
1026
|
this.dropTarget = {
|
|
@@ -1308,12 +1310,21 @@ class DragTargetContainerDirective {
|
|
|
1308
1310
|
if (!this.pressed || isDragStartPrevented) {
|
|
1309
1311
|
return;
|
|
1310
1312
|
}
|
|
1313
|
+
const elem = this.hint ? this.hintElem : this.currentDragTargetElement;
|
|
1314
|
+
this.position = this.calculatePosition(elem, event);
|
|
1315
|
+
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
1316
|
+
if (!this.dragStarted && thresholdNotReached) {
|
|
1317
|
+
return;
|
|
1318
|
+
}
|
|
1319
|
+
if (!this.dragStarted && this.threshold > 0) {
|
|
1320
|
+
this.dragStarted = true;
|
|
1321
|
+
}
|
|
1311
1322
|
isDragPrevented = this.emitZoneAwareEvent('onDrag', event).isDefaultPrevented();
|
|
1312
1323
|
if (isDragPrevented) {
|
|
1313
1324
|
return;
|
|
1314
1325
|
}
|
|
1315
1326
|
if (this.mode === 'auto') {
|
|
1316
|
-
this.performDrag(
|
|
1327
|
+
this.performDrag();
|
|
1317
1328
|
}
|
|
1318
1329
|
else {
|
|
1319
1330
|
this.dragStarted = true;
|
|
@@ -1590,16 +1601,8 @@ class DragTargetContainerDirective {
|
|
|
1590
1601
|
});
|
|
1591
1602
|
this.previousDragTargets = [];
|
|
1592
1603
|
}
|
|
1593
|
-
performDrag(
|
|
1604
|
+
performDrag() {
|
|
1594
1605
|
const elem = this.hint ? this.hintElem : this.currentDragTargetElement;
|
|
1595
|
-
this.position = this.calculatePosition(elem, event);
|
|
1596
|
-
const thresholdNotReached = Math.abs(this.position.x) < this.threshold && Math.abs(this.position.y) < this.threshold;
|
|
1597
|
-
if (!this.dragStarted && thresholdNotReached) {
|
|
1598
|
-
return;
|
|
1599
|
-
}
|
|
1600
|
-
if (!this.dragStarted && this.threshold > 0) {
|
|
1601
|
-
this.dragStarted = true;
|
|
1602
|
-
}
|
|
1603
1606
|
if (elem) {
|
|
1604
1607
|
const styles = this.getStylesPerElement(elem);
|
|
1605
1608
|
setElementStyles(this.renderer, elem, styles);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-utils",
|
|
3
|
-
"version": "13.2.
|
|
3
|
+
"version": "13.2.2-develop.1",
|
|
4
4
|
"description": "Kendo UI Angular utils component",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
"@angular/core": "13 - 16",
|
|
24
24
|
"@angular/platform-browser": "13 - 16",
|
|
25
25
|
"@progress/kendo-licensing": "^1.0.2",
|
|
26
|
-
"@progress/kendo-angular-common": "13.2.
|
|
26
|
+
"@progress/kendo-angular-common": "13.2.2-develop.1",
|
|
27
27
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"tslib": "^2.3.1",
|
|
31
|
-
"@progress/kendo-angular-schematics": "13.2.
|
|
31
|
+
"@progress/kendo-angular-schematics": "13.2.2-develop.1",
|
|
32
32
|
"@progress/kendo-draggable-common": "^0.2.3"
|
|
33
33
|
},
|
|
34
34
|
"schematics": "./schematics/collection.json",
|