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

package/esm2020/drag-and-drop/droptarget-container.directive.mjs

@@ -30,19 +30,19 @@ export class DropTargetContainerDirective {
         /**
          * Fires when a DragTarget element enters the DropTarget.
          */
-        this.dragEnter = new EventEmitter();
+        this.onDragEnter = new EventEmitter();
         /**
          * Fires when a DragTarget element is being dragged over the DropTarget.
          */
-        this.dragOver = new EventEmitter();
+        this.onDragOver = new EventEmitter();
         /**
          * Fires when a DragTarget element leaves the DropTarget.
          */
-        this.dragLeave = new EventEmitter();
+        this.onDragLeave = new EventEmitter();
         /**
          * Fires when a DragTarget element is dropped over the DropTarget.
          */
-        this.drop = new EventEmitter();
+        this.onDrop = new EventEmitter();
         this.currentDropTarget = null;
         this.currentDropTargetElement = null;
         this.previousDropTargets = [];
@@ -109,7 +109,7 @@ export class DropTargetContainerDirective {
         this.currentDropTarget = this.service.dropTargets.find(dt => dt.element === this.currentDropTargetElement);
         this.service.dropTarget = this.currentDropTarget;
         this.service.dropIndex = this.getDropIndex();
-        this.emitZoneAwareEvent('dragEnter', event);
+        this.emitZoneAwareEvent('onDragEnter', event);
     }
     /**
      * @hidden
@@ -119,7 +119,7 @@ export class DropTargetContainerDirective {
         if (!this.service.dragTarget) {
             return;
         }
-        this.emitZoneAwareEvent('dragLeave', event);
+        this.emitZoneAwareEvent('onDragLeave', event);
     }
     /**
      * @hidden
@@ -128,7 +128,7 @@ export class DropTargetContainerDirective {
         if (!this.service.dragTarget) {
             return;
         }
-        this.emitZoneAwareEvent('dragOver', event);
+        this.emitZoneAwareEvent('onDragOver', event);
     }
     /**
      * @hidden
@@ -137,7 +137,7 @@ export class DropTargetContainerDirective {
         if (!this.service.dragTarget) {
             return;
         }
-        this.emitZoneAwareEvent('drop', event);
+        this.emitZoneAwareEvent('onDrop', event);
         this.currentDropTarget = null;
         this.currentDropTargetElement = null;
         this.service.dropIndex = null;
@@ -174,7 +174,7 @@ export class DropTargetContainerDirective {
     }
     emitZoneAwareEvent(event, normalizedEvent) {
         const eventProps = {
-            dragTarget: this.service.dragTarget,
+            dragTarget: this.service.dragTarget?.element,
             dropTarget: this.currentDropTargetElement,
             dragData: this.service.dragData,
             dragEvent: normalizedEvent,
@@ -203,7 +203,7 @@ export class DropTargetContainerDirective {
     }
 }
 DropTargetContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropTargetContainerDirective, deps: [{ token: i1.DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-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 });
+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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropTargetContainerDirective, decorators: [{
             type: Directive,
             args: [{
@@ -214,12 +214,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], dropDisabled: [{
                 type: Input
-            }], dragEnter: [{
+            }], onDragEnter: [{
                 type: Output
-            }], dragOver: [{
+            }], onDragOver: [{
                 type: Output
-            }], dragLeave: [{
+            }], onDragLeave: [{
                 type: Output
-            }], drop: [{
+            }], onDrop: [{
                 type: Output
             }] } });

package/esm2020/drag-and-drop/droptarget.directive.mjs

@@ -21,19 +21,19 @@ export class DropTargetDirective {
         /**
          * Fires when a DragTarget element enters the DropTarget.
          */
-        this.dragEnter = new EventEmitter();
+        this.onDragEnter = new EventEmitter();
         /**
          * Fires when a DragTarget element is being dragged over the DropTarget.
          */
-        this.dragOver = new EventEmitter();
+        this.onDragOver = new EventEmitter();
         /**
          * Fires when a DragTarget element leaves the DropTarget.
          */
-        this.dragLeave = new EventEmitter();
+        this.onDragLeave = new EventEmitter();
         /**
          * Fires when a DragTarget element is dropped over the DropTarget.
          */
-        this.drop = new EventEmitter();
+        this.onDrop = new EventEmitter();
         validatePackage(packageMetadata);
     }
     ngOnInit() {
@@ -48,9 +48,7 @@ export class DropTargetDirective {
             return;
         }
         this.service.dropTarget = this.dropTarget;
-        this.ngZone.run(() => {
-            this.emitEvent('dragEnter', event);
-        });
+        this.emitZoneAwareEvent('onDragEnter', event);
     }
     /**
      * @hidden
@@ -60,9 +58,7 @@ export class DropTargetDirective {
         if (!this.service.dragTarget) {
             return;
         }
-        this.ngZone.run(() => {
-            this.emitEvent('dragLeave', event);
-        });
+        this.emitZoneAwareEvent('onDragLeave', event);
     }
     /**
      * @hidden
@@ -71,17 +67,13 @@ export class DropTargetDirective {
         if (!this.service.dragTarget) {
             return;
         }
-        this.ngZone.run(() => {
-            this.emitEvent('dragOver', event);
-        });
+        this.emitZoneAwareEvent('onDragOver', event);
     }
     /**
      * @hidden
      */
     handleDrop(event) {
-        this.ngZone.run(() => {
-            this.emitEvent('drop', event);
-        });
+        this.emitZoneAwareEvent('onDrop', event);
     }
     initializeDropTarget() {
         this.dropTarget = {
@@ -92,7 +84,7 @@ export class DropTargetDirective {
             onDrop: this.handleDrop.bind(this)
         };
     }
-    emitEvent(event, normalizedEvent) {
+    emitZoneAwareEvent(event, normalizedEvent) {
         const eventProps = {
             dropTarget: this.element.nativeElement,
             dragTarget: this.service.dragTarget?.element,
@@ -103,23 +95,25 @@ export class DropTargetDirective {
             eventProps.hintElement = this.service.dragTarget.element;
         }
         const eventArgs = new DropTargetEvent(eventProps);
-        this[event].emit(eventArgs);
+        this.ngZone.run(() => {
+            this[event].emit(eventArgs);
+        });
     }
 }
 DropTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropTargetDirective, deps: [{ token: i1.DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-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 });
+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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DropTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropTarget]',
                     exportAs: 'kendoDropTarget'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.DragStateService }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { dragEnter: [{
+        }], ctorParameters: function () { return [{ type: i1.DragStateService }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { onDragEnter: [{
                 type: Output
-            }], dragOver: [{
+            }], onDragOver: [{
                 type: Output
-            }], dragLeave: [{
+            }], onDragLeave: [{
                 type: Output
-            }], drop: [{
+            }], onDrop: [{
                 type: Output
             }] } });

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-utils',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1684846458,
-    version: '13.0.0-develop.2',
+    publishDate: 1685960940,
+    version: '13.0.0-develop.20',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };