@progress/kendo-angular-utils 13.0.0-develop.1 → 13.0.0-develop.11
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/drag-and-drop/dragtarget-container.directive.d.ts +7 -7
- package/drag-and-drop/dragtarget.directive.d.ts +7 -7
- package/drag-and-drop/droptarget-container.directive.d.ts +5 -5
- package/drag-and-drop/droptarget.directive.d.ts +6 -6
- package/esm2020/drag-and-drop/dragtarget-container.directive.mjs +25 -26
- package/esm2020/drag-and-drop/dragtarget.directive.mjs +25 -25
- package/esm2020/drag-and-drop/droptarget-container.directive.mjs +13 -13
- package/esm2020/drag-and-drop/droptarget.directive.mjs +17 -23
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-utils.mjs +82 -89
- package/fesm2020/progress-kendo-angular-utils.mjs +82 -89
- package/package.json +3 -3
|
@@ -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.0.0-develop.
|
|
22
|
+
publishDate: 1685351755,
|
|
23
|
+
version: '13.0.0-develop.11',
|
|
24
24
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -489,27 +489,27 @@ class DragTargetDirective {
|
|
|
489
489
|
/**
|
|
490
490
|
* Fires when the user presses the DragTarget element.
|
|
491
491
|
*/
|
|
492
|
-
this.
|
|
492
|
+
this.onPress = new EventEmitter();
|
|
493
493
|
/**
|
|
494
494
|
* Fires when the dragging of the DragTarget element begins.
|
|
495
495
|
*/
|
|
496
|
-
this.
|
|
496
|
+
this.onDragStart = new EventEmitter();
|
|
497
497
|
/**
|
|
498
498
|
* Fires while the user drags the DragTarget element.
|
|
499
499
|
*/
|
|
500
|
-
this.
|
|
500
|
+
this.onDrag = new EventEmitter();
|
|
501
501
|
/**
|
|
502
502
|
* Fires when the DragTarget's `dragDelay` has passed and the user is able to drag the element.
|
|
503
503
|
*/
|
|
504
|
-
this.
|
|
504
|
+
this.onDragReady = new EventEmitter();
|
|
505
505
|
/**
|
|
506
506
|
* Fires when the user releases the DragTarget element after being pressed.
|
|
507
507
|
*/
|
|
508
|
-
this.
|
|
508
|
+
this.onRelease = new EventEmitter();
|
|
509
509
|
/**
|
|
510
510
|
* Fires when the dragging of the DragTarget ends and the element is released.
|
|
511
511
|
*/
|
|
512
|
-
this.
|
|
512
|
+
this.onDragEnd = new EventEmitter();
|
|
513
513
|
this.dragTarget = null;
|
|
514
514
|
this.domSubscriptions = [];
|
|
515
515
|
this.hintComponent = null;
|
|
@@ -588,14 +588,14 @@ class DragTargetDirective {
|
|
|
588
588
|
if (this.dragDelay > 0) {
|
|
589
589
|
this.dragTimeout = window.setTimeout(() => {
|
|
590
590
|
this.pressed = true;
|
|
591
|
-
this.emitZoneAwareEvent('
|
|
591
|
+
this.emitZoneAwareEvent('onDragReady', event);
|
|
592
592
|
}, this.dragDelay);
|
|
593
593
|
}
|
|
594
594
|
else {
|
|
595
595
|
this.pressed = true;
|
|
596
596
|
}
|
|
597
597
|
this.scrollableParent = this.dragTarget.element ? getScrollableParent(this.dragTarget.element) : null;
|
|
598
|
-
this.emitZoneAwareEvent('
|
|
598
|
+
this.emitZoneAwareEvent('onPress', event);
|
|
599
599
|
}
|
|
600
600
|
handleDragStart(event) {
|
|
601
601
|
if (!this.pressed) {
|
|
@@ -605,7 +605,7 @@ class DragTargetDirective {
|
|
|
605
605
|
}
|
|
606
606
|
return;
|
|
607
607
|
}
|
|
608
|
-
isDragStartPrevented$1 = this.emitZoneAwareEvent('
|
|
608
|
+
isDragStartPrevented$1 = this.emitZoneAwareEvent('onDragStart', event).isDefaultPrevented();
|
|
609
609
|
if (isDragStartPrevented$1) {
|
|
610
610
|
return;
|
|
611
611
|
}
|
|
@@ -628,7 +628,7 @@ class DragTargetDirective {
|
|
|
628
628
|
if (!this.pressed || isDragStartPrevented$1) {
|
|
629
629
|
return;
|
|
630
630
|
}
|
|
631
|
-
isDragPrevented$1 = this.emitZoneAwareEvent('
|
|
631
|
+
isDragPrevented$1 = this.emitZoneAwareEvent('onDrag', event).isDefaultPrevented();
|
|
632
632
|
if (isDragPrevented$1) {
|
|
633
633
|
return;
|
|
634
634
|
}
|
|
@@ -645,7 +645,7 @@ class DragTargetDirective {
|
|
|
645
645
|
this.dragTimeout = null;
|
|
646
646
|
this.pressed = false;
|
|
647
647
|
}
|
|
648
|
-
this.emitZoneAwareEvent('
|
|
648
|
+
this.emitZoneAwareEvent('onRelease', event);
|
|
649
649
|
}
|
|
650
650
|
handleDragEnd(event) {
|
|
651
651
|
if (this.mode === 'auto') {
|
|
@@ -670,7 +670,7 @@ class DragTargetDirective {
|
|
|
670
670
|
if (!this.dragStarted || isDragStartPrevented$1 || isDragPrevented$1) {
|
|
671
671
|
return;
|
|
672
672
|
}
|
|
673
|
-
this.emitZoneAwareEvent('
|
|
673
|
+
this.emitZoneAwareEvent('onDragEnd', event);
|
|
674
674
|
this.dragStarted = false;
|
|
675
675
|
}
|
|
676
676
|
initializeDragTarget() {
|
|
@@ -806,22 +806,22 @@ class DragTargetDirective {
|
|
|
806
806
|
}
|
|
807
807
|
let eventArgs;
|
|
808
808
|
switch (event) {
|
|
809
|
-
case '
|
|
809
|
+
case 'onDragReady':
|
|
810
810
|
eventArgs = new DragTargetDragReadyEvent(eventProps);
|
|
811
811
|
break;
|
|
812
|
-
case '
|
|
812
|
+
case 'onPress':
|
|
813
813
|
eventArgs = new DragTargetPressEvent(eventProps);
|
|
814
814
|
break;
|
|
815
|
-
case '
|
|
815
|
+
case 'onDragStart':
|
|
816
816
|
eventArgs = new DragTargetDragStartEvent(eventProps);
|
|
817
817
|
break;
|
|
818
|
-
case '
|
|
818
|
+
case 'onDrag':
|
|
819
819
|
eventArgs = new DragTargetDragEvent(eventProps);
|
|
820
820
|
break;
|
|
821
|
-
case '
|
|
821
|
+
case 'onRelease':
|
|
822
822
|
eventArgs = new DragTargetReleaseEvent(eventProps);
|
|
823
823
|
break;
|
|
824
|
-
case '
|
|
824
|
+
case 'onDragEnd':
|
|
825
825
|
eventArgs = new DragTargetDragEndEvent(eventProps);
|
|
826
826
|
break;
|
|
827
827
|
default:
|
|
@@ -887,7 +887,7 @@ class DragTargetDirective {
|
|
|
887
887
|
}
|
|
888
888
|
}
|
|
889
889
|
DragTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DragTargetDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: DragStateService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
890
|
-
DragTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DragTargetDirective, selector: "[kendoDragTarget]", inputs: { hint: "hint", threshold: "threshold", autoScroll: "autoScroll", dragTargetId: "dragTargetId", dragDelay: "dragDelay", restrictByAxis: "restrictByAxis", mode: "mode", dragData: "dragData" }, outputs: {
|
|
890
|
+
DragTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DragTargetDirective, selector: "[kendoDragTarget]", inputs: { hint: "hint", threshold: "threshold", autoScroll: "autoScroll", dragTargetId: "dragTargetId", dragDelay: "dragDelay", restrictByAxis: "restrictByAxis", mode: "mode", dragData: "dragData" }, outputs: { onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onDragReady: "onDragReady", onRelease: "onRelease", onDragEnd: "onDragEnd" }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
|
|
891
891
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DragTargetDirective, decorators: [{
|
|
892
892
|
type: Directive,
|
|
893
893
|
args: [{
|
|
@@ -910,17 +910,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
910
910
|
type: Input
|
|
911
911
|
}], dragData: [{
|
|
912
912
|
type: Input
|
|
913
|
-
}],
|
|
913
|
+
}], onPress: [{
|
|
914
914
|
type: Output
|
|
915
|
-
}],
|
|
915
|
+
}], onDragStart: [{
|
|
916
916
|
type: Output
|
|
917
|
-
}],
|
|
917
|
+
}], onDrag: [{
|
|
918
918
|
type: Output
|
|
919
|
-
}],
|
|
919
|
+
}], onDragReady: [{
|
|
920
920
|
type: Output
|
|
921
|
-
}],
|
|
921
|
+
}], onRelease: [{
|
|
922
922
|
type: Output
|
|
923
|
-
}],
|
|
923
|
+
}], onDragEnd: [{
|
|
924
924
|
type: Output
|
|
925
925
|
}], dragHandles: [{
|
|
926
926
|
type: ContentChildren,
|
|
@@ -964,19 +964,19 @@ class DropTargetDirective {
|
|
|
964
964
|
/**
|
|
965
965
|
* Fires when a DragTarget element enters the DropTarget.
|
|
966
966
|
*/
|
|
967
|
-
this.
|
|
967
|
+
this.onDragEnter = new EventEmitter();
|
|
968
968
|
/**
|
|
969
969
|
* Fires when a DragTarget element is being dragged over the DropTarget.
|
|
970
970
|
*/
|
|
971
|
-
this.
|
|
971
|
+
this.onDragOver = new EventEmitter();
|
|
972
972
|
/**
|
|
973
973
|
* Fires when a DragTarget element leaves the DropTarget.
|
|
974
974
|
*/
|
|
975
|
-
this.
|
|
975
|
+
this.onDragLeave = new EventEmitter();
|
|
976
976
|
/**
|
|
977
977
|
* Fires when a DragTarget element is dropped over the DropTarget.
|
|
978
978
|
*/
|
|
979
|
-
this.
|
|
979
|
+
this.onDrop = new EventEmitter();
|
|
980
980
|
validatePackage(packageMetadata);
|
|
981
981
|
}
|
|
982
982
|
ngOnInit() {
|
|
@@ -991,9 +991,7 @@ class DropTargetDirective {
|
|
|
991
991
|
return;
|
|
992
992
|
}
|
|
993
993
|
this.service.dropTarget = this.dropTarget;
|
|
994
|
-
this.
|
|
995
|
-
this.emitEvent('dragEnter', event);
|
|
996
|
-
});
|
|
994
|
+
this.emitZoneAwareEvent('onDragEnter', event);
|
|
997
995
|
}
|
|
998
996
|
/**
|
|
999
997
|
* @hidden
|
|
@@ -1003,9 +1001,7 @@ class DropTargetDirective {
|
|
|
1003
1001
|
if (!this.service.dragTarget) {
|
|
1004
1002
|
return;
|
|
1005
1003
|
}
|
|
1006
|
-
this.
|
|
1007
|
-
this.emitEvent('dragLeave', event);
|
|
1008
|
-
});
|
|
1004
|
+
this.emitZoneAwareEvent('onDragLeave', event);
|
|
1009
1005
|
}
|
|
1010
1006
|
/**
|
|
1011
1007
|
* @hidden
|
|
@@ -1014,17 +1010,13 @@ class DropTargetDirective {
|
|
|
1014
1010
|
if (!this.service.dragTarget) {
|
|
1015
1011
|
return;
|
|
1016
1012
|
}
|
|
1017
|
-
this.
|
|
1018
|
-
this.emitEvent('dragOver', event);
|
|
1019
|
-
});
|
|
1013
|
+
this.emitZoneAwareEvent('onDragOver', event);
|
|
1020
1014
|
}
|
|
1021
1015
|
/**
|
|
1022
1016
|
* @hidden
|
|
1023
1017
|
*/
|
|
1024
1018
|
handleDrop(event) {
|
|
1025
|
-
this.
|
|
1026
|
-
this.emitEvent('drop', event);
|
|
1027
|
-
});
|
|
1019
|
+
this.emitZoneAwareEvent('onDrop', event);
|
|
1028
1020
|
}
|
|
1029
1021
|
initializeDropTarget() {
|
|
1030
1022
|
this.dropTarget = {
|
|
@@ -1035,7 +1027,7 @@ class DropTargetDirective {
|
|
|
1035
1027
|
onDrop: this.handleDrop.bind(this)
|
|
1036
1028
|
};
|
|
1037
1029
|
}
|
|
1038
|
-
|
|
1030
|
+
emitZoneAwareEvent(event, normalizedEvent) {
|
|
1039
1031
|
const eventProps = {
|
|
1040
1032
|
dropTarget: this.element.nativeElement,
|
|
1041
1033
|
dragTarget: this.service.dragTarget?.element,
|
|
@@ -1046,24 +1038,26 @@ class DropTargetDirective {
|
|
|
1046
1038
|
eventProps.hintElement = this.service.dragTarget.element;
|
|
1047
1039
|
}
|
|
1048
1040
|
const eventArgs = new DropTargetEvent(eventProps);
|
|
1049
|
-
this
|
|
1041
|
+
this.ngZone.run(() => {
|
|
1042
|
+
this[event].emit(eventArgs);
|
|
1043
|
+
});
|
|
1050
1044
|
}
|
|
1051
1045
|
}
|
|
1052
1046
|
DropTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropTargetDirective, deps: [{ token: DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1053
|
-
DropTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DropTargetDirective, selector: "[kendoDropTarget]", outputs: {
|
|
1047
|
+
DropTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DropTargetDirective, selector: "[kendoDropTarget]", outputs: { onDragEnter: "onDragEnter", onDragOver: "onDragOver", onDragLeave: "onDragLeave", onDrop: "onDrop" }, exportAs: ["kendoDropTarget"], ngImport: i0 });
|
|
1054
1048
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropTargetDirective, decorators: [{
|
|
1055
1049
|
type: Directive,
|
|
1056
1050
|
args: [{
|
|
1057
1051
|
selector: '[kendoDropTarget]',
|
|
1058
1052
|
exportAs: 'kendoDropTarget'
|
|
1059
1053
|
}]
|
|
1060
|
-
}], ctorParameters: function () { return [{ type: DragStateService }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: {
|
|
1054
|
+
}], ctorParameters: function () { return [{ type: DragStateService }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { onDragEnter: [{
|
|
1061
1055
|
type: Output
|
|
1062
|
-
}],
|
|
1056
|
+
}], onDragOver: [{
|
|
1063
1057
|
type: Output
|
|
1064
|
-
}],
|
|
1058
|
+
}], onDragLeave: [{
|
|
1065
1059
|
type: Output
|
|
1066
|
-
}],
|
|
1060
|
+
}], onDrop: [{
|
|
1067
1061
|
type: Output
|
|
1068
1062
|
}] } });
|
|
1069
1063
|
|
|
@@ -1115,27 +1109,27 @@ class DragTargetContainerDirective {
|
|
|
1115
1109
|
/**
|
|
1116
1110
|
* Fires when a DragTarget's `dragDelay` has passed and the user is able to drag the element.
|
|
1117
1111
|
*/
|
|
1118
|
-
this.
|
|
1112
|
+
this.onDragReady = new EventEmitter();
|
|
1119
1113
|
/**
|
|
1120
1114
|
* Fires when the user presses a DragTarget element.
|
|
1121
1115
|
*/
|
|
1122
|
-
this.
|
|
1116
|
+
this.onPress = new EventEmitter();
|
|
1123
1117
|
/**
|
|
1124
1118
|
* Fires when the dragging of a DragTarget element begins.
|
|
1125
1119
|
*/
|
|
1126
|
-
this.
|
|
1120
|
+
this.onDragStart = new EventEmitter();
|
|
1127
1121
|
/**
|
|
1128
1122
|
* Fires while the user drags a DragTarget element.
|
|
1129
1123
|
*/
|
|
1130
|
-
this.
|
|
1124
|
+
this.onDrag = new EventEmitter();
|
|
1131
1125
|
/**
|
|
1132
1126
|
* Fires when the user releases a DragTarget element after being pressed.
|
|
1133
1127
|
*/
|
|
1134
|
-
this.
|
|
1128
|
+
this.onRelease = new EventEmitter();
|
|
1135
1129
|
/**
|
|
1136
1130
|
* Fires when the dragging of a DragTarget ends and the element is released.
|
|
1137
1131
|
*/
|
|
1138
|
-
this.
|
|
1132
|
+
this.onDragEnd = new EventEmitter();
|
|
1139
1133
|
this.currentDragTarget = null;
|
|
1140
1134
|
this.dragTimeout = null;
|
|
1141
1135
|
this.pressed = false;
|
|
@@ -1266,7 +1260,7 @@ class DragTargetContainerDirective {
|
|
|
1266
1260
|
if (this.dragDelay > 0) {
|
|
1267
1261
|
this.dragTimeout = window.setTimeout(() => {
|
|
1268
1262
|
this.pressed = true;
|
|
1269
|
-
this.emitZoneAwareEvent('
|
|
1263
|
+
this.emitZoneAwareEvent('onDragReady', event);
|
|
1270
1264
|
}, this.dragDelay);
|
|
1271
1265
|
}
|
|
1272
1266
|
else {
|
|
@@ -1277,7 +1271,7 @@ class DragTargetContainerDirective {
|
|
|
1277
1271
|
this.currentDragTarget.element = this.currentDragTargetElement;
|
|
1278
1272
|
this.service.dragIndex = this.getDragIndex();
|
|
1279
1273
|
this.scrollableParent = this.hintTemplate ? document.body : this.currentDragTargetElement ? getScrollableParent(this.currentDragTargetElement) : null;
|
|
1280
|
-
this.emitZoneAwareEvent('
|
|
1274
|
+
this.emitZoneAwareEvent('onPress', event);
|
|
1281
1275
|
}
|
|
1282
1276
|
handleDragStart(event) {
|
|
1283
1277
|
if (!this.pressed) {
|
|
@@ -1287,7 +1281,7 @@ class DragTargetContainerDirective {
|
|
|
1287
1281
|
}
|
|
1288
1282
|
return;
|
|
1289
1283
|
}
|
|
1290
|
-
isDragStartPrevented = this.emitZoneAwareEvent('
|
|
1284
|
+
isDragStartPrevented = this.emitZoneAwareEvent('onDragStart', event).isDefaultPrevented();
|
|
1291
1285
|
if (isDragStartPrevented) {
|
|
1292
1286
|
return;
|
|
1293
1287
|
}
|
|
@@ -1310,7 +1304,7 @@ class DragTargetContainerDirective {
|
|
|
1310
1304
|
if (!this.pressed || isDragStartPrevented) {
|
|
1311
1305
|
return;
|
|
1312
1306
|
}
|
|
1313
|
-
isDragPrevented = this.emitZoneAwareEvent('
|
|
1307
|
+
isDragPrevented = this.emitZoneAwareEvent('onDrag', event).isDefaultPrevented();
|
|
1314
1308
|
if (isDragPrevented) {
|
|
1315
1309
|
return;
|
|
1316
1310
|
}
|
|
@@ -1320,7 +1314,6 @@ class DragTargetContainerDirective {
|
|
|
1320
1314
|
else {
|
|
1321
1315
|
this.dragStarted = true;
|
|
1322
1316
|
}
|
|
1323
|
-
this.dragStarted && this.emitZoneAwareEvent('drag', event);
|
|
1324
1317
|
}
|
|
1325
1318
|
handleRelease(event) {
|
|
1326
1319
|
if (this.dragStarted) {
|
|
@@ -1331,7 +1324,7 @@ class DragTargetContainerDirective {
|
|
|
1331
1324
|
this.dragTimeout = null;
|
|
1332
1325
|
this.pressed = false;
|
|
1333
1326
|
}
|
|
1334
|
-
this.emitZoneAwareEvent('
|
|
1327
|
+
this.emitZoneAwareEvent('onRelease', event);
|
|
1335
1328
|
}
|
|
1336
1329
|
handleDragEnd(event) {
|
|
1337
1330
|
if (!this.dragStarted) {
|
|
@@ -1357,7 +1350,7 @@ class DragTargetContainerDirective {
|
|
|
1357
1350
|
this.service.dragTarget = null;
|
|
1358
1351
|
this.service.dragIndex = null;
|
|
1359
1352
|
this.currentDragTarget.element = null;
|
|
1360
|
-
this.emitZoneAwareEvent('
|
|
1353
|
+
this.emitZoneAwareEvent('onDragEnd', event);
|
|
1361
1354
|
if (isDragStartPrevented || isDragPrevented) {
|
|
1362
1355
|
return;
|
|
1363
1356
|
}
|
|
@@ -1428,22 +1421,22 @@ class DragTargetContainerDirective {
|
|
|
1428
1421
|
}
|
|
1429
1422
|
let eventArgs;
|
|
1430
1423
|
switch (event) {
|
|
1431
|
-
case '
|
|
1424
|
+
case 'onDragReady':
|
|
1432
1425
|
eventArgs = new DragTargetDragReadyEvent(eventProps);
|
|
1433
1426
|
break;
|
|
1434
|
-
case '
|
|
1427
|
+
case 'onPress':
|
|
1435
1428
|
eventArgs = new DragTargetPressEvent(eventProps);
|
|
1436
1429
|
break;
|
|
1437
|
-
case '
|
|
1430
|
+
case 'onDragStart':
|
|
1438
1431
|
eventArgs = new DragTargetDragStartEvent(eventProps);
|
|
1439
1432
|
break;
|
|
1440
|
-
case '
|
|
1433
|
+
case 'onDrag':
|
|
1441
1434
|
eventArgs = new DragTargetDragEvent(eventProps);
|
|
1442
1435
|
break;
|
|
1443
|
-
case '
|
|
1436
|
+
case 'onRelease':
|
|
1444
1437
|
eventArgs = new DragTargetReleaseEvent(eventProps);
|
|
1445
1438
|
break;
|
|
1446
|
-
case '
|
|
1439
|
+
case 'onDragEnd':
|
|
1447
1440
|
eventArgs = new DragTargetDragEndEvent(eventProps);
|
|
1448
1441
|
break;
|
|
1449
1442
|
default:
|
|
@@ -1635,7 +1628,7 @@ class DragTargetContainerDirective {
|
|
|
1635
1628
|
}
|
|
1636
1629
|
}
|
|
1637
1630
|
DragTargetContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DragTargetContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: DragStateService }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1638
|
-
DragTargetContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: { hint: "hint", dragTargetFilter: "dragTargetFilter", dragHandle: "dragHandle", dragDelay: "dragDelay", threshold: "threshold", dragTargetId: "dragTargetId", dragData: "dragData", dragDisabled: "dragDisabled", mode: "mode" }, outputs: {
|
|
1631
|
+
DragTargetContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: { hint: "hint", dragTargetFilter: "dragTargetFilter", dragHandle: "dragHandle", dragDelay: "dragDelay", threshold: "threshold", dragTargetId: "dragTargetId", dragData: "dragData", dragDisabled: "dragDisabled", mode: "mode" }, outputs: { onDragReady: "onDragReady", onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onRelease: "onRelease", onDragEnd: "onDragEnd" }, exportAs: ["kendoDragTargetContainer"], ngImport: i0 });
|
|
1639
1632
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DragTargetContainerDirective, decorators: [{
|
|
1640
1633
|
type: Directive,
|
|
1641
1634
|
args: [{
|
|
@@ -1660,17 +1653,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1660
1653
|
type: Input
|
|
1661
1654
|
}], mode: [{
|
|
1662
1655
|
type: Input
|
|
1663
|
-
}],
|
|
1656
|
+
}], onDragReady: [{
|
|
1664
1657
|
type: Output
|
|
1665
|
-
}],
|
|
1658
|
+
}], onPress: [{
|
|
1666
1659
|
type: Output
|
|
1667
|
-
}],
|
|
1660
|
+
}], onDragStart: [{
|
|
1668
1661
|
type: Output
|
|
1669
|
-
}],
|
|
1662
|
+
}], onDrag: [{
|
|
1670
1663
|
type: Output
|
|
1671
|
-
}],
|
|
1664
|
+
}], onRelease: [{
|
|
1672
1665
|
type: Output
|
|
1673
|
-
}],
|
|
1666
|
+
}], onDragEnd: [{
|
|
1674
1667
|
type: Output
|
|
1675
1668
|
}] } });
|
|
1676
1669
|
|
|
@@ -1694,19 +1687,19 @@ class DropTargetContainerDirective {
|
|
|
1694
1687
|
/**
|
|
1695
1688
|
* Fires when a DragTarget element enters the DropTarget.
|
|
1696
1689
|
*/
|
|
1697
|
-
this.
|
|
1690
|
+
this.onDragEnter = new EventEmitter();
|
|
1698
1691
|
/**
|
|
1699
1692
|
* Fires when a DragTarget element is being dragged over the DropTarget.
|
|
1700
1693
|
*/
|
|
1701
|
-
this.
|
|
1694
|
+
this.onDragOver = new EventEmitter();
|
|
1702
1695
|
/**
|
|
1703
1696
|
* Fires when a DragTarget element leaves the DropTarget.
|
|
1704
1697
|
*/
|
|
1705
|
-
this.
|
|
1698
|
+
this.onDragLeave = new EventEmitter();
|
|
1706
1699
|
/**
|
|
1707
1700
|
* Fires when a DragTarget element is dropped over the DropTarget.
|
|
1708
1701
|
*/
|
|
1709
|
-
this.
|
|
1702
|
+
this.onDrop = new EventEmitter();
|
|
1710
1703
|
this.currentDropTarget = null;
|
|
1711
1704
|
this.currentDropTargetElement = null;
|
|
1712
1705
|
this.previousDropTargets = [];
|
|
@@ -1773,7 +1766,7 @@ class DropTargetContainerDirective {
|
|
|
1773
1766
|
this.currentDropTarget = this.service.dropTargets.find(dt => dt.element === this.currentDropTargetElement);
|
|
1774
1767
|
this.service.dropTarget = this.currentDropTarget;
|
|
1775
1768
|
this.service.dropIndex = this.getDropIndex();
|
|
1776
|
-
this.emitZoneAwareEvent('
|
|
1769
|
+
this.emitZoneAwareEvent('onDragEnter', event);
|
|
1777
1770
|
}
|
|
1778
1771
|
/**
|
|
1779
1772
|
* @hidden
|
|
@@ -1783,7 +1776,7 @@ class DropTargetContainerDirective {
|
|
|
1783
1776
|
if (!this.service.dragTarget) {
|
|
1784
1777
|
return;
|
|
1785
1778
|
}
|
|
1786
|
-
this.emitZoneAwareEvent('
|
|
1779
|
+
this.emitZoneAwareEvent('onDragLeave', event);
|
|
1787
1780
|
}
|
|
1788
1781
|
/**
|
|
1789
1782
|
* @hidden
|
|
@@ -1792,7 +1785,7 @@ class DropTargetContainerDirective {
|
|
|
1792
1785
|
if (!this.service.dragTarget) {
|
|
1793
1786
|
return;
|
|
1794
1787
|
}
|
|
1795
|
-
this.emitZoneAwareEvent('
|
|
1788
|
+
this.emitZoneAwareEvent('onDragOver', event);
|
|
1796
1789
|
}
|
|
1797
1790
|
/**
|
|
1798
1791
|
* @hidden
|
|
@@ -1801,7 +1794,7 @@ class DropTargetContainerDirective {
|
|
|
1801
1794
|
if (!this.service.dragTarget) {
|
|
1802
1795
|
return;
|
|
1803
1796
|
}
|
|
1804
|
-
this.emitZoneAwareEvent('
|
|
1797
|
+
this.emitZoneAwareEvent('onDrop', event);
|
|
1805
1798
|
this.currentDropTarget = null;
|
|
1806
1799
|
this.currentDropTargetElement = null;
|
|
1807
1800
|
this.service.dropIndex = null;
|
|
@@ -1867,7 +1860,7 @@ class DropTargetContainerDirective {
|
|
|
1867
1860
|
}
|
|
1868
1861
|
}
|
|
1869
1862
|
DropTargetContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropTargetContainerDirective, deps: [{ token: DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1870
|
-
DropTargetContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: { dropTargetFilter: "dropTargetFilter", dropDisabled: "dropDisabled" }, outputs: {
|
|
1863
|
+
DropTargetContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: { dropTargetFilter: "dropTargetFilter", dropDisabled: "dropDisabled" }, outputs: { onDragEnter: "onDragEnter", onDragOver: "onDragOver", onDragLeave: "onDragLeave", onDrop: "onDrop" }, exportAs: ["kendoDropTargetContainer"], ngImport: i0 });
|
|
1871
1864
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropTargetContainerDirective, decorators: [{
|
|
1872
1865
|
type: Directive,
|
|
1873
1866
|
args: [{
|
|
@@ -1878,13 +1871,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1878
1871
|
type: Input
|
|
1879
1872
|
}], dropDisabled: [{
|
|
1880
1873
|
type: Input
|
|
1881
|
-
}],
|
|
1874
|
+
}], onDragEnter: [{
|
|
1882
1875
|
type: Output
|
|
1883
|
-
}],
|
|
1876
|
+
}], onDragOver: [{
|
|
1884
1877
|
type: Output
|
|
1885
|
-
}],
|
|
1878
|
+
}], onDragLeave: [{
|
|
1886
1879
|
type: Output
|
|
1887
|
-
}],
|
|
1880
|
+
}], onDrop: [{
|
|
1888
1881
|
type: Output
|
|
1889
1882
|
}] } });
|
|
1890
1883
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-utils",
|
|
3
|
-
"version": "13.0.0-develop.
|
|
3
|
+
"version": "13.0.0-develop.11",
|
|
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.0.0-develop.
|
|
26
|
+
"@progress/kendo-angular-common": "13.0.0-develop.11",
|
|
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.0.0-develop.
|
|
31
|
+
"@progress/kendo-angular-schematics": "13.0.0-develop.11",
|
|
32
32
|
"@progress/kendo-draggable-common": "^0.2.3"
|
|
33
33
|
},
|
|
34
34
|
"schematics": "./schematics/collection.json",
|