@progress/kendo-angular-utils 13.0.0-develop.2 → 13.0.0-develop.4

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.
@@ -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: 1684846458,
23
- version: '13.0.0-develop.2',
22
+ publishDate: 1684849513,
23
+ version: '13.0.0-develop.4',
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.press = new EventEmitter();
492
+ this.onPress = new EventEmitter();
493
493
  /**
494
494
  * Fires when the dragging of the DragTarget element begins.
495
495
  */
496
- this.dragStart = new EventEmitter();
496
+ this.onDragStart = new EventEmitter();
497
497
  /**
498
498
  * Fires while the user drags the DragTarget element.
499
499
  */
500
- this.drag = new EventEmitter();
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.dragReady = new EventEmitter();
504
+ this.onDragReady = new EventEmitter();
505
505
  /**
506
506
  * Fires when the user releases the DragTarget element after being pressed.
507
507
  */
508
- this.release = new EventEmitter();
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.dragEnd = new EventEmitter();
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('dragReady', event);
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('press', event);
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('dragStart', event).isDefaultPrevented();
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('drag', event).isDefaultPrevented();
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('release', event);
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('dragEnd', event);
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 'dragReady':
809
+ case 'onDragReady':
810
810
  eventArgs = new DragTargetDragReadyEvent(eventProps);
811
811
  break;
812
- case 'press':
812
+ case 'onPress':
813
813
  eventArgs = new DragTargetPressEvent(eventProps);
814
814
  break;
815
- case 'dragStart':
815
+ case 'onDragStart':
816
816
  eventArgs = new DragTargetDragStartEvent(eventProps);
817
817
  break;
818
- case 'drag':
818
+ case 'onDrag':
819
819
  eventArgs = new DragTargetDragEvent(eventProps);
820
820
  break;
821
- case 'release':
821
+ case 'onRelease':
822
822
  eventArgs = new DragTargetReleaseEvent(eventProps);
823
823
  break;
824
- case 'dragEnd':
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: { press: "press", dragStart: "dragStart", drag: "drag", dragReady: "dragReady", release: "release", dragEnd: "dragEnd" }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
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
- }], press: [{
913
+ }], onPress: [{
914
914
  type: Output
915
- }], dragStart: [{
915
+ }], onDragStart: [{
916
916
  type: Output
917
- }], drag: [{
917
+ }], onDrag: [{
918
918
  type: Output
919
- }], dragReady: [{
919
+ }], onDragReady: [{
920
920
  type: Output
921
- }], release: [{
921
+ }], onRelease: [{
922
922
  type: Output
923
- }], dragEnd: [{
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.dragEnter = new EventEmitter();
967
+ this.onDragEnter = new EventEmitter();
968
968
  /**
969
969
  * Fires when a DragTarget element is being dragged over the DropTarget.
970
970
  */
971
- this.dragOver = new EventEmitter();
971
+ this.onDragOver = new EventEmitter();
972
972
  /**
973
973
  * Fires when a DragTarget element leaves the DropTarget.
974
974
  */
975
- this.dragLeave = new EventEmitter();
975
+ this.onDragLeave = new EventEmitter();
976
976
  /**
977
977
  * Fires when a DragTarget element is dropped over the DropTarget.
978
978
  */
979
- this.drop = new EventEmitter();
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.ngZone.run(() => {
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.ngZone.run(() => {
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.ngZone.run(() => {
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.ngZone.run(() => {
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
- emitEvent(event, normalizedEvent) {
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[event].emit(eventArgs);
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: { dragEnter: "dragEnter", dragOver: "dragOver", dragLeave: "dragLeave", drop: "drop" }, exportAs: ["kendoDropTarget"], ngImport: i0 });
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: { dragEnter: [{
1054
+ }], ctorParameters: function () { return [{ type: DragStateService }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { onDragEnter: [{
1061
1055
  type: Output
1062
- }], dragOver: [{
1056
+ }], onDragOver: [{
1063
1057
  type: Output
1064
- }], dragLeave: [{
1058
+ }], onDragLeave: [{
1065
1059
  type: Output
1066
- }], drop: [{
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.dragReady = new EventEmitter();
1112
+ this.onDragReady = new EventEmitter();
1119
1113
  /**
1120
1114
  * Fires when the user presses a DragTarget element.
1121
1115
  */
1122
- this.press = new EventEmitter();
1116
+ this.onPress = new EventEmitter();
1123
1117
  /**
1124
1118
  * Fires when the dragging of a DragTarget element begins.
1125
1119
  */
1126
- this.dragStart = new EventEmitter();
1120
+ this.onDragStart = new EventEmitter();
1127
1121
  /**
1128
1122
  * Fires while the user drags a DragTarget element.
1129
1123
  */
1130
- this.drag = new EventEmitter();
1124
+ this.onDrag = new EventEmitter();
1131
1125
  /**
1132
1126
  * Fires when the user releases a DragTarget element after being pressed.
1133
1127
  */
1134
- this.release = new EventEmitter();
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.dragEnd = new EventEmitter();
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('dragReady', event);
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('press', event);
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('dragStart', event).isDefaultPrevented();
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('drag', event).isDefaultPrevented();
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('release', event);
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('dragEnd', event);
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 'dragReady':
1424
+ case 'onDragReady':
1432
1425
  eventArgs = new DragTargetDragReadyEvent(eventProps);
1433
1426
  break;
1434
- case 'press':
1427
+ case 'onPress':
1435
1428
  eventArgs = new DragTargetPressEvent(eventProps);
1436
1429
  break;
1437
- case 'dragStart':
1430
+ case 'onDragStart':
1438
1431
  eventArgs = new DragTargetDragStartEvent(eventProps);
1439
1432
  break;
1440
- case 'drag':
1433
+ case 'onDrag':
1441
1434
  eventArgs = new DragTargetDragEvent(eventProps);
1442
1435
  break;
1443
- case 'release':
1436
+ case 'onRelease':
1444
1437
  eventArgs = new DragTargetReleaseEvent(eventProps);
1445
1438
  break;
1446
- case 'dragEnd':
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: { dragReady: "dragReady", press: "press", dragStart: "dragStart", drag: "drag", release: "release", dragEnd: "dragEnd" }, exportAs: ["kendoDragTargetContainer"], ngImport: i0 });
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
- }], dragReady: [{
1656
+ }], onDragReady: [{
1664
1657
  type: Output
1665
- }], press: [{
1658
+ }], onPress: [{
1666
1659
  type: Output
1667
- }], dragStart: [{
1660
+ }], onDragStart: [{
1668
1661
  type: Output
1669
- }], drag: [{
1662
+ }], onDrag: [{
1670
1663
  type: Output
1671
- }], release: [{
1664
+ }], onRelease: [{
1672
1665
  type: Output
1673
- }], dragEnd: [{
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.dragEnter = new EventEmitter();
1690
+ this.onDragEnter = new EventEmitter();
1698
1691
  /**
1699
1692
  * Fires when a DragTarget element is being dragged over the DropTarget.
1700
1693
  */
1701
- this.dragOver = new EventEmitter();
1694
+ this.onDragOver = new EventEmitter();
1702
1695
  /**
1703
1696
  * Fires when a DragTarget element leaves the DropTarget.
1704
1697
  */
1705
- this.dragLeave = new EventEmitter();
1698
+ this.onDragLeave = new EventEmitter();
1706
1699
  /**
1707
1700
  * Fires when a DragTarget element is dropped over the DropTarget.
1708
1701
  */
1709
- this.drop = new EventEmitter();
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('dragEnter', event);
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('dragLeave', event);
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('dragOver', event);
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('drop', event);
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: { dragEnter: "dragEnter", dragOver: "dragOver", dragLeave: "dragLeave", drop: "drop" }, exportAs: ["kendoDropTargetContainer"], ngImport: i0 });
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
- }], dragEnter: [{
1874
+ }], onDragEnter: [{
1882
1875
  type: Output
1883
- }], dragOver: [{
1876
+ }], onDragOver: [{
1884
1877
  type: Output
1885
- }], dragLeave: [{
1878
+ }], onDragLeave: [{
1886
1879
  type: Output
1887
- }], drop: [{
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.2",
3
+ "version": "13.0.0-develop.4",
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.2",
26
+ "@progress/kendo-angular-common": "13.0.0-develop.4",
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.2",
31
+ "@progress/kendo-angular-schematics": "13.0.0-develop.4",
32
32
  "@progress/kendo-draggable-common": "^0.2.3"
33
33
  },
34
34
  "schematics": "./schematics/collection.json",