Safari browser support added, not supported DragEvent

dist/ngx-flowchart/bundles/ngx-flowchart.umd.js

@@ -1933,13 +1933,13 @@
         __decorate([
             core.HostListener('dragover', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], NgxFlowchartComponent.prototype, "dragover", null);
         __decorate([
             core.HostListener('drop', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], NgxFlowchartComponent.prototype, "drop", null);
         __decorate([
@@ -2011,25 +2011,25 @@
         __decorate([
             core.HostListener('dragover', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], FcMagnetDirective.prototype, "dragover", null);
         __decorate([
             core.HostListener('dragleave', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], FcMagnetDirective.prototype, "dragleave", null);
         __decorate([
             core.HostListener('drop', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], FcMagnetDirective.prototype, "drop", null);
         __decorate([
             core.HostListener('dragend', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], FcMagnetDirective.prototype, "dragend", null);
         FcMagnetDirective = __decorate([
@@ -2152,25 +2152,25 @@
         __decorate([
             core.HostListener('dragover', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], FcConnectorDirective.prototype, "dragover", null);
         __decorate([
             core.HostListener('drop', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], FcConnectorDirective.prototype, "drop", null);
         __decorate([
             core.HostListener('dragend', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], FcConnectorDirective.prototype, "dragend", null);
         __decorate([
             core.HostListener('dragstart', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], FcConnectorDirective.prototype, "dragstart", null);
         __decorate([
@@ -2399,13 +2399,13 @@
         __decorate([
             core.HostListener('dragstart', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], FcNodeContainerComponent.prototype, "dragstart", null);
         __decorate([
             core.HostListener('dragend', ['$event']),
             __metadata("design:type", Function),
-            __metadata("design:paramtypes", [DragEvent]),
+            __metadata("design:paramtypes", [Object]),
             __metadata("design:returntype", void 0)
         ], FcNodeContainerComponent.prototype, "dragend", null);
         __decorate([

dist/ngx-flowchart/esm2015/lib/magnet.directive.js

@@ -36,25 +36,25 @@ __decorate([
 __decorate([
     HostListener('dragover', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcMagnetDirective.prototype, "dragover", null);
 __decorate([
     HostListener('dragleave', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcMagnetDirective.prototype, "dragleave", null);
 __decorate([
     HostListener('drop', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcMagnetDirective.prototype, "drop", null);
 __decorate([
     HostListener('dragend', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcMagnetDirective.prototype, "dragend", null);
 FcMagnetDirective = __decorate([
@@ -65,4 +65,4 @@ FcMagnetDirective = __decorate([
     __metadata("design:paramtypes", [ElementRef])
 ], FcMagnetDirective);
 export { FcMagnetDirective };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFnbmV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1mbG93Y2hhcnQvIiwic291cmNlcyI6WyJsaWIvbWFnbmV0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUE0QixrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBTXRGLElBQWEsaUJBQWlCLEdBQTlCLE1BQWEsaUJBQWlCO0lBUTVCLFlBQW1CLFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQ3RELENBQUM7SUFFRCxRQUFRO1FBQ04sTUFBTSxPQUFPLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDakQsT0FBTyxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBR0QsUUFBUSxDQUFDLEtBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFHRCxTQUFTLENBQUMsS0FBZ0I7UUFDeEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBR0QsSUFBSSxDQUFDLEtBQWdCO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBR0QsT0FBTyxDQUFDLEtBQWdCO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7Q0FFRixDQUFBOztZQTVCZ0MsVUFBVTs7QUFMekM7SUFEQyxLQUFLLEVBQUU7O29EQUNlO0FBR3ZCO0lBREMsS0FBSyxFQUFFOztvREFDZTtBQVd2QjtJQURDLFlBQVksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7cUNBQ3JCLFNBQVM7O2lEQUV4QjtBQUdEO0lBREMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDOztxQ0FDckIsU0FBUzs7a0RBRXpCO0FBR0Q7SUFEQyxZQUFZLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7O3FDQUNyQixTQUFTOzs2Q0FFcEI7QUFHRDtJQURDLFlBQVksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7cUNBQ3JCLFNBQVM7O2dEQUV2QjtBQWxDVSxpQkFBaUI7SUFKN0IsU0FBUyxDQUFDO1FBQ1QsOENBQThDO1FBQzlDLFFBQVEsRUFBRSxhQUFhO0tBQ3hCLENBQUM7cUNBUytCLFVBQVU7R0FSOUIsaUJBQWlCLENBb0M3QjtTQXBDWSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmNDYWxsYmFja3MsIEZjQ29ubmVjdG9yLCBGbG93Y2hhcnRDb25zdGFudHMgfSBmcm9tICcuL25neC1mbG93Y2hhcnQubW9kZWxzJztcblxuQERpcmVjdGl2ZSh7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpkaXJlY3RpdmUtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdbZmMtbWFnbmV0XSdcbn0pXG5leHBvcnQgY2xhc3MgRmNNYWduZXREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpXG4gIGNhbGxiYWNrczogRmNDYWxsYmFja3M7XG5cbiAgQElucHV0KClcbiAgY29ubmVjdG9yOiBGY0Nvbm5lY3RvcjtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IGVsZW1lbnQgPSAkKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcbiAgICBlbGVtZW50LmFkZENsYXNzKEZsb3djaGFydENvbnN0YW50cy5tYWduZXRDbGFzcyk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkcmFnb3ZlcicsIFsnJGV2ZW50J10pXG4gIGRyYWdvdmVyKGV2ZW50OiBEcmFnRXZlbnQpIHtcbiAgICByZXR1cm4gdGhpcy5jYWxsYmFja3MuZWRnZURyYWdvdmVyTWFnbmV0KGV2ZW50LCB0aGlzLmNvbm5lY3Rvcik7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkcmFnbGVhdmUnLCBbJyRldmVudCddKVxuICBkcmFnbGVhdmUoZXZlbnQ6IERyYWdFdmVudCkge1xuICAgIHRoaXMuY2FsbGJhY2tzLmVkZ2VEcmFnbGVhdmVNYWduZXQoZXZlbnQpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJvcCcsIFsnJGV2ZW50J10pXG4gIGRyb3AoZXZlbnQ6IERyYWdFdmVudCkge1xuICAgIHJldHVybiB0aGlzLmNhbGxiYWNrcy5lZGdlRHJvcChldmVudCwgdGhpcy5jb25uZWN0b3IpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ2VuZCcsIFsnJGV2ZW50J10pXG4gIGRyYWdlbmQoZXZlbnQ6IERyYWdFdmVudCkge1xuICAgIHRoaXMuY2FsbGJhY2tzLmVkZ2VEcmFnZW5kKGV2ZW50KTtcbiAgfVxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFnbmV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1mbG93Y2hhcnQvIiwic291cmNlcyI6WyJsaWIvbWFnbmV0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUE0QixrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBTXRGLElBQWEsaUJBQWlCLEdBQTlCLE1BQWEsaUJBQWlCO0lBUTVCLFlBQW1CLFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQ3RELENBQUM7SUFFRCxRQUFRO1FBQ04sTUFBTSxPQUFPLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDakQsT0FBTyxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBR0QsUUFBUSxDQUFDLEtBQWtCO1FBQ3pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFHRCxTQUFTLENBQUMsS0FBa0I7UUFDMUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBR0QsSUFBSSxDQUFDLEtBQWtCO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBR0QsT0FBTyxDQUFDLEtBQWtCO1FBQ3hCLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7Q0FFRixDQUFBOztZQTVCZ0MsVUFBVTs7QUFMekM7SUFEQyxLQUFLLEVBQUU7O29EQUNlO0FBR3ZCO0lBREMsS0FBSyxFQUFFOztvREFDZTtBQVd2QjtJQURDLFlBQVksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7OztpREFHcEM7QUFHRDtJQURDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7OztrREFHckM7QUFHRDtJQURDLFlBQVksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7Ozs2Q0FHaEM7QUFHRDtJQURDLFlBQVksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7OztnREFHbkM7QUFsQ1UsaUJBQWlCO0lBSjdCLFNBQVMsQ0FBQztRQUNULDhDQUE4QztRQUM5QyxRQUFRLEVBQUUsYUFBYTtLQUN4QixDQUFDO3FDQVMrQixVQUFVO0dBUjlCLGlCQUFpQixDQW9DN0I7U0FwQ1ksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZjQ2FsbGJhY2tzLCBGY0Nvbm5lY3RvciwgRmxvd2NoYXJ0Q29uc3RhbnRzIH0gZnJvbSAnLi9uZ3gtZmxvd2NoYXJ0Lm1vZGVscyc7XG5cbkBEaXJlY3RpdmUoe1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6ZGlyZWN0aXZlLXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnW2ZjLW1hZ25ldF0nXG59KVxuZXhwb3J0IGNsYXNzIEZjTWFnbmV0RGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBjYWxsYmFja3M6IEZjQ2FsbGJhY2tzO1xuXG4gIEBJbnB1dCgpXG4gIGNvbm5lY3RvcjogRmNDb25uZWN0b3I7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KSB7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBlbGVtZW50ID0gJCh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCk7XG4gICAgZWxlbWVudC5hZGRDbGFzcyhGbG93Y2hhcnRDb25zdGFudHMubWFnbmV0Q2xhc3MpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ292ZXInLCBbJyRldmVudCddKVxuICBkcmFnb3ZlcihldmVudDogRXZlbnQgfCBhbnkpIHtcbiAgICByZXR1cm4gdGhpcy5jYWxsYmFja3MuZWRnZURyYWdvdmVyTWFnbmV0KGV2ZW50LCB0aGlzLmNvbm5lY3Rvcik7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkcmFnbGVhdmUnLCBbJyRldmVudCddKVxuICBkcmFnbGVhdmUoZXZlbnQ6IEV2ZW50IHwgYW55KSB7XG4gICAgdGhpcy5jYWxsYmFja3MuZWRnZURyYWdsZWF2ZU1hZ25ldChldmVudCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkcm9wJywgWyckZXZlbnQnXSlcbiAgZHJvcChldmVudDogRXZlbnQgfCBhbnkpIHtcbiAgICByZXR1cm4gdGhpcy5jYWxsYmFja3MuZWRnZURyb3AoZXZlbnQsIHRoaXMuY29ubmVjdG9yKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RyYWdlbmQnLCBbJyRldmVudCddKVxuICBkcmFnZW5kKGV2ZW50OiBFdmVudCB8IGFueSkge1xuICAgIHRoaXMuY2FsbGJhY2tzLmVkZ2VEcmFnZW5kKGV2ZW50KTtcbiAgfVxuXG59XG4iXX0=
\ No newline at end of file

dist/ngx-flowchart/esm5/lib/magnet.directive.js

@@ -35,25 +35,25 @@ var FcMagnetDirective = /** @class */ (function () {
     __decorate([
         HostListener('dragover', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcMagnetDirective.prototype, "dragover", null);
     __decorate([
         HostListener('dragleave', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcMagnetDirective.prototype, "dragleave", null);
     __decorate([
         HostListener('drop', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcMagnetDirective.prototype, "drop", null);
     __decorate([
         HostListener('dragend', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcMagnetDirective.prototype, "dragend", null);
     FcMagnetDirective = __decorate([
@@ -66,4 +66,4 @@ var FcMagnetDirective = /** @class */ (function () {
     return FcMagnetDirective;
 }());
 export { FcMagnetDirective };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFnbmV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1mbG93Y2hhcnQvIiwic291cmNlcyI6WyJsaWIvbWFnbmV0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUE0QixrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBTXRGO0lBUUUsMkJBQW1CLFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQ3RELENBQUM7SUFFRCxvQ0FBUSxHQUFSO1FBQ0UsSUFBTSxPQUFPLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDakQsT0FBTyxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBR0Qsb0NBQVEsR0FBUixVQUFTLEtBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFHRCxxQ0FBUyxHQUFULFVBQVUsS0FBZ0I7UUFDeEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBR0QsZ0NBQUksR0FBSixVQUFLLEtBQWdCO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBR0QsbUNBQU8sR0FBUCxVQUFRLEtBQWdCO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7O2dCQTFCOEIsVUFBVTs7SUFMekM7UUFEQyxLQUFLLEVBQUU7O3dEQUNlO0lBR3ZCO1FBREMsS0FBSyxFQUFFOzt3REFDZTtJQVd2QjtRQURDLFlBQVksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7eUNBQ3JCLFNBQVM7O3FEQUV4QjtJQUdEO1FBREMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDOzt5Q0FDckIsU0FBUzs7c0RBRXpCO0lBR0Q7UUFEQyxZQUFZLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7O3lDQUNyQixTQUFTOztpREFFcEI7SUFHRDtRQURDLFlBQVksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7eUNBQ3JCLFNBQVM7O29EQUV2QjtJQWxDVSxpQkFBaUI7UUFKN0IsU0FBUyxDQUFDO1lBQ1QsOENBQThDO1lBQzlDLFFBQVEsRUFBRSxhQUFhO1NBQ3hCLENBQUM7eUNBUytCLFVBQVU7T0FSOUIsaUJBQWlCLENBb0M3QjtJQUFELHdCQUFDO0NBQUEsQUFwQ0QsSUFvQ0M7U0FwQ1ksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZjQ2FsbGJhY2tzLCBGY0Nvbm5lY3RvciwgRmxvd2NoYXJ0Q29uc3RhbnRzIH0gZnJvbSAnLi9uZ3gtZmxvd2NoYXJ0Lm1vZGVscyc7XG5cbkBEaXJlY3RpdmUoe1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6ZGlyZWN0aXZlLXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnW2ZjLW1hZ25ldF0nXG59KVxuZXhwb3J0IGNsYXNzIEZjTWFnbmV0RGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBjYWxsYmFja3M6IEZjQ2FsbGJhY2tzO1xuXG4gIEBJbnB1dCgpXG4gIGNvbm5lY3RvcjogRmNDb25uZWN0b3I7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KSB7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBlbGVtZW50ID0gJCh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCk7XG4gICAgZWxlbWVudC5hZGRDbGFzcyhGbG93Y2hhcnRDb25zdGFudHMubWFnbmV0Q2xhc3MpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ292ZXInLCBbJyRldmVudCddKVxuICBkcmFnb3ZlcihldmVudDogRHJhZ0V2ZW50KSB7XG4gICAgcmV0dXJuIHRoaXMuY2FsbGJhY2tzLmVkZ2VEcmFnb3Zlck1hZ25ldChldmVudCwgdGhpcy5jb25uZWN0b3IpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ2xlYXZlJywgWyckZXZlbnQnXSlcbiAgZHJhZ2xlYXZlKGV2ZW50OiBEcmFnRXZlbnQpIHtcbiAgICB0aGlzLmNhbGxiYWNrcy5lZGdlRHJhZ2xlYXZlTWFnbmV0KGV2ZW50KTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2Ryb3AnLCBbJyRldmVudCddKVxuICBkcm9wKGV2ZW50OiBEcmFnRXZlbnQpIHtcbiAgICByZXR1cm4gdGhpcy5jYWxsYmFja3MuZWRnZURyb3AoZXZlbnQsIHRoaXMuY29ubmVjdG9yKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RyYWdlbmQnLCBbJyRldmVudCddKVxuICBkcmFnZW5kKGV2ZW50OiBEcmFnRXZlbnQpIHtcbiAgICB0aGlzLmNhbGxiYWNrcy5lZGdlRHJhZ2VuZChldmVudCk7XG4gIH1cblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFnbmV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1mbG93Y2hhcnQvIiwic291cmNlcyI6WyJsaWIvbWFnbmV0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUE0QixrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBTXRGO0lBUUUsMkJBQW1CLFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQ3RELENBQUM7SUFFRCxvQ0FBUSxHQUFSO1FBQ0UsSUFBTSxPQUFPLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDakQsT0FBTyxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBR0Qsb0NBQVEsR0FBUixVQUFTLEtBQWtCO1FBQ3pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFHRCxxQ0FBUyxHQUFULFVBQVUsS0FBa0I7UUFDMUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBR0QsZ0NBQUksR0FBSixVQUFLLEtBQWtCO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBR0QsbUNBQU8sR0FBUCxVQUFRLEtBQWtCO1FBQ3hCLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7O2dCQTFCOEIsVUFBVTs7SUFMekM7UUFEQyxLQUFLLEVBQUU7O3dEQUNlO0lBR3ZCO1FBREMsS0FBSyxFQUFFOzt3REFDZTtJQVd2QjtRQURDLFlBQVksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7OztxREFHcEM7SUFHRDtRQURDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7OztzREFHckM7SUFHRDtRQURDLFlBQVksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7OztpREFHaEM7SUFHRDtRQURDLFlBQVksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs7OztvREFHbkM7SUFsQ1UsaUJBQWlCO1FBSjdCLFNBQVMsQ0FBQztZQUNULDhDQUE4QztZQUM5QyxRQUFRLEVBQUUsYUFBYTtTQUN4QixDQUFDO3lDQVMrQixVQUFVO09BUjlCLGlCQUFpQixDQW9DN0I7SUFBRCx3QkFBQztDQUFBLEFBcENELElBb0NDO1NBcENZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGY0NhbGxiYWNrcywgRmNDb25uZWN0b3IsIEZsb3djaGFydENvbnN0YW50cyB9IGZyb20gJy4vbmd4LWZsb3djaGFydC5tb2RlbHMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmRpcmVjdGl2ZS1zZWxlY3RvclxuICBzZWxlY3RvcjogJ1tmYy1tYWduZXRdJ1xufSlcbmV4cG9ydCBjbGFzcyBGY01hZ25ldERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KClcbiAgY2FsbGJhY2tzOiBGY0NhbGxiYWNrcztcblxuICBASW5wdXQoKVxuICBjb25uZWN0b3I6IEZjQ29ubmVjdG9yO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pikge1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29uc3QgZWxlbWVudCA9ICQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xuICAgIGVsZW1lbnQuYWRkQ2xhc3MoRmxvd2NoYXJ0Q29uc3RhbnRzLm1hZ25ldENsYXNzKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RyYWdvdmVyJywgWyckZXZlbnQnXSlcbiAgZHJhZ292ZXIoZXZlbnQ6IEV2ZW50IHwgYW55KSB7XG4gICAgcmV0dXJuIHRoaXMuY2FsbGJhY2tzLmVkZ2VEcmFnb3Zlck1hZ25ldChldmVudCwgdGhpcy5jb25uZWN0b3IpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ2xlYXZlJywgWyckZXZlbnQnXSlcbiAgZHJhZ2xlYXZlKGV2ZW50OiBFdmVudCB8IGFueSkge1xuICAgIHRoaXMuY2FsbGJhY2tzLmVkZ2VEcmFnbGVhdmVNYWduZXQoZXZlbnQpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJvcCcsIFsnJGV2ZW50J10pXG4gIGRyb3AoZXZlbnQ6IEV2ZW50IHwgYW55KSB7XG4gICAgcmV0dXJuIHRoaXMuY2FsbGJhY2tzLmVkZ2VEcm9wKGV2ZW50LCB0aGlzLmNvbm5lY3Rvcik7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkcmFnZW5kJywgWyckZXZlbnQnXSlcbiAgZHJhZ2VuZChldmVudDogRXZlbnQgfCBhbnkpIHtcbiAgICB0aGlzLmNhbGxiYWNrcy5lZGdlRHJhZ2VuZChldmVudCk7XG4gIH1cblxufVxuIl19
\ No newline at end of file

dist/ngx-flowchart/fesm2015/ngx-flowchart.js

@@ -1566,13 +1566,13 @@ __decorate([
 __decorate([
     HostListener('dragover', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], NgxFlowchartComponent.prototype, "dragover", null);
 __decorate([
     HostListener('drop', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], NgxFlowchartComponent.prototype, "drop", null);
 __decorate([
@@ -1643,25 +1643,25 @@ __decorate([
 __decorate([
     HostListener('dragover', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcMagnetDirective.prototype, "dragover", null);
 __decorate([
     HostListener('dragleave', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcMagnetDirective.prototype, "dragleave", null);
 __decorate([
     HostListener('drop', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcMagnetDirective.prototype, "drop", null);
 __decorate([
     HostListener('dragend', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcMagnetDirective.prototype, "dragend", null);
 FcMagnetDirective = __decorate([
@@ -1772,25 +1772,25 @@ __decorate([
 __decorate([
     HostListener('dragover', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcConnectorDirective.prototype, "dragover", null);
 __decorate([
     HostListener('drop', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcConnectorDirective.prototype, "drop", null);
 __decorate([
     HostListener('dragend', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcConnectorDirective.prototype, "dragend", null);
 __decorate([
     HostListener('dragstart', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcConnectorDirective.prototype, "dragstart", null);
 __decorate([
@@ -1995,13 +1995,13 @@ __decorate([
 __decorate([
     HostListener('dragstart', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcNodeContainerComponent.prototype, "dragstart", null);
 __decorate([
     HostListener('dragend', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [DragEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], FcNodeContainerComponent.prototype, "dragend", null);
 __decorate([

dist/ngx-flowchart/fesm5/ngx-flowchart.js

@@ -1737,13 +1737,13 @@ var NgxFlowchartComponent = /** @class */ (function () {
     __decorate([
         HostListener('dragover', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], NgxFlowchartComponent.prototype, "dragover", null);
     __decorate([
         HostListener('drop', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], NgxFlowchartComponent.prototype, "drop", null);
     __decorate([
@@ -1815,25 +1815,25 @@ var FcMagnetDirective = /** @class */ (function () {
     __decorate([
         HostListener('dragover', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcMagnetDirective.prototype, "dragover", null);
     __decorate([
         HostListener('dragleave', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcMagnetDirective.prototype, "dragleave", null);
     __decorate([
         HostListener('drop', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcMagnetDirective.prototype, "drop", null);
     __decorate([
         HostListener('dragend', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcMagnetDirective.prototype, "dragend", null);
     FcMagnetDirective = __decorate([
@@ -1956,25 +1956,25 @@ var FcConnectorDirective = /** @class */ (function () {
     __decorate([
         HostListener('dragover', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcConnectorDirective.prototype, "dragover", null);
     __decorate([
         HostListener('drop', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcConnectorDirective.prototype, "drop", null);
     __decorate([
         HostListener('dragend', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcConnectorDirective.prototype, "dragend", null);
     __decorate([
         HostListener('dragstart', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcConnectorDirective.prototype, "dragstart", null);
     __decorate([
@@ -2203,13 +2203,13 @@ var FcNodeContainerComponent = /** @class */ (function () {
     __decorate([
         HostListener('dragstart', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcNodeContainerComponent.prototype, "dragstart", null);
     __decorate([
         HostListener('dragend', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [DragEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], FcNodeContainerComponent.prototype, "dragend", null);
     __decorate([

dist/ngx-flowchart/lib/connector.directive.d.ts

@@ -12,10 +12,10 @@ export declare class FcConnectorDirective implements OnInit, OnChanges {
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private updateConnectorClass;
-    dragover(event: DragEvent): void;
-    drop(event: DragEvent): boolean;
-    dragend(event: DragEvent): void;
-    dragstart(event: DragEvent): void;
+    dragover(event: Event | any): void;
+    drop(event: Event | any): boolean;
+    dragend(event: Event | any): void;
+    dragstart(event: Event | any): void;
     mouseenter(event: MouseEvent): void;
     mouseleave(event: MouseEvent): void;
 }

dist/ngx-flowchart/lib/edge-dragging.service.d.ts

@@ -18,13 +18,13 @@ export declare class FcEdgeDraggingService {
     private readonly dragAnimation;
     private readonly edgeStyle;
     constructor(modelValidation: FcModelValidationService, edgeDrawingService: FcEdgeDrawingService, modelService: FcModelService, model: FcModel, isValidEdgeCallback: (source: FcConnector, destination: FcConnector) => boolean, applyFunction: <T>(fn: (...args: any[]) => T) => T, dragAnimation: string, edgeStyle: string);
-    dragstart(event: DragEvent, connector: FcConnector): void;
-    dragover(event: DragEvent): void;
-    dragoverConnector(event: DragEvent, connector: FcConnector): boolean;
-    dragleaveMagnet(event: DragEvent): void;
-    dragoverMagnet(event: DragEvent, connector: FcConnector): boolean;
-    dragend(event: DragEvent): void;
-    drop(event: DragEvent, targetConnector: FcConnector): boolean;
+    dragstart(event: Event | any, connector: FcConnector): void;
+    dragover(event: Event | any): void;
+    dragoverConnector(event: Event | any, connector: FcConnector): boolean;
+    dragleaveMagnet(event: Event | any): void;
+    dragoverMagnet(event: Event | any, connector: FcConnector): boolean;
+    dragend(event: Event | any): void;
+    drop(event: Event | any, targetConnector: FcConnector): boolean;
 }
 export interface EdgeDragging {
     isDragging: boolean;

dist/ngx-flowchart/lib/magnet.directive.d.ts

@@ -6,8 +6,8 @@ export declare class FcMagnetDirective implements OnInit {
     connector: FcConnector;
     constructor(elementRef: ElementRef<HTMLElement>);
     ngOnInit(): void;
-    dragover(event: DragEvent): boolean;
-    dragleave(event: DragEvent): void;
-    drop(event: DragEvent): boolean;
-    dragend(event: DragEvent): void;
+    dragover(event: Event | any): boolean;
+    dragleave(event: Event | any): void;
+    drop(event: Event | any): boolean;
+    dragend(event: Event | any): void;
 }

dist/ngx-flowchart/lib/ngx-flowchart.component.d.ts

@@ -79,8 +79,8 @@ export declare class NgxFlowchartComponent implements OnInit, DoCheck {
     edgeMouseOver(event: MouseEvent, edge: FcEdge): void;
     edgeMouseEnter(event: MouseEvent, edge: FcEdge): void;
     edgeMouseLeave(event: MouseEvent, edge: FcEdge): void;
-    dragover(event: DragEvent): void;
-    drop(event: DragEvent): void;
+    dragover(event: Event | any): void;
+    drop(event: Event | any): void;
     mousedown(event: MouseEvent): void;
     mousemove(event: MouseEvent): void;
     mouseup(event: MouseEvent): void;

dist/ngx-flowchart/lib/ngx-flowchart.models.d.ts

@@ -99,14 +99,14 @@ export interface UserNodeCallbacks {
     mouseLeave?: (event: MouseEvent, node: FcNode) => void;
 }
 export interface FcCallbacks {
-    nodeDragstart: (event: DragEvent, node: FcNode) => void;
-    nodeDragend: (event: DragEvent) => void;
-    edgeDragstart: (event: DragEvent, connector: FcConnector) => void;
-    edgeDragend: (event: DragEvent) => void;
-    edgeDrop: (event: DragEvent, targetConnector: FcConnector) => boolean;
-    edgeDragoverConnector: (event: DragEvent, connector: FcConnector) => boolean;
-    edgeDragoverMagnet: (event: DragEvent, connector: FcConnector) => boolean;
-    edgeDragleaveMagnet: (event: DragEvent) => void;
+    nodeDragstart: (event: Event | any, node: FcNode) => void;
+    nodeDragend: (event: Event | any) => void;
+    edgeDragstart: (event: Event | any, connector: FcConnector) => void;
+    edgeDragend: (event: Event | any) => void;
+    edgeDrop: (event: Event | any, targetConnector: FcConnector) => boolean;
+    edgeDragoverConnector: (event: Event | any, connector: FcConnector) => boolean;
+    edgeDragoverMagnet: (event: Event | any, connector: FcConnector) => boolean;
+    edgeDragleaveMagnet: (event: Event | any) => void;
     nodeMouseOver: (event: MouseEvent, node: FcNode) => void;
     nodeMouseOut: (event: MouseEvent, node: FcNode) => void;
     connectorMouseEnter: (event: MouseEvent, connector: FcConnector) => void;

dist/ngx-flowchart/lib/node-dragging.service.d.ts

@@ -17,10 +17,10 @@ export declare class FcNodeDraggingService {
     private getYCoordinate;
     private resizeCanvas;
     isDraggingNode(node: FcNode): boolean;
-    dragstart(event: DragEvent, node: FcNode): void;
-    drop(event: DragEvent): boolean;
-    dragover(event: DragEvent): boolean;
-    dragend(event: DragEvent): void;
+    dragstart(event: Event | any, node: FcNode): void;
+    drop(event: Event | any): boolean;
+    dragover(event: Event | any): boolean;
+    dragend(event: Event | any): void;
 }
 export interface NodeDraggingScope {
     draggedNodes: Array<FcNode>;

dist/ngx-flowchart/lib/node.component.d.ts

@@ -27,8 +27,8 @@ export declare class FcNodeContainerComponent implements OnInit, AfterViewInit,
     private updateNodeComponent;
     private toggleClass;
     mousedown(event: MouseEvent): void;
-    dragstart(event: DragEvent): void;
-    dragend(event: DragEvent): void;
+    dragstart(event: Event | any): void;
+    dragend(event: Event | any): void;
     click(event: MouseEvent): void;
     mouseover(event: MouseEvent): void;
     mouseout(event: MouseEvent): void;

projects/ngx-flowchart/src/lib/connector.directive.ts

-import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { Directive, ElementRef, HostListener, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { FcCallbacks, FcConnector, FcConnectorRectInfo, FcNodeRectInfo, FlowchartConstants } from './ngx-flowchart.models';
 import { FcModelService } from './model.service';
 
@@ -67,7 +67,7 @@ export class FcConnectorDirective implements OnInit, OnChanges {
   }
 
   @HostListener('dragover', ['$event'])
-  dragover(event: DragEvent) {
+  dragover(event: Event | any) {
     // Skip - conflict with magnet
     /* if (this.modelservice.isEditable()) {
       return this.callbacks.edgeDragoverConnector(event, this.connector);
@@ -75,21 +75,21 @@ export class FcConnectorDirective implements OnInit, OnChanges {
   }
 
   @HostListener('drop', ['$event'])
-  drop(event: DragEvent) {
+  drop(event: Event | any) {
     if (this.modelservice.isEditable()) {
       return this.callbacks.edgeDrop(event, this.connector);
     }
   }
 
   @HostListener('dragend', ['$event'])
-  dragend(event: DragEvent) {
+  dragend(event: Event | any) {
     if (this.modelservice.isEditable()) {
       this.callbacks.edgeDragend(event);
     }
   }
 
   @HostListener('dragstart', ['$event'])
-  dragstart(event: DragEvent) {
+  dragstart(event: Event | any) {
     if (this.modelservice.isEditable()) {
       this.callbacks.edgeDragstart(event, this.connector);
     }

projects/ngx-flowchart/src/lib/edge-dragging.service.ts

@@ -44,7 +44,7 @@ export class FcEdgeDraggingService {
     this.edgeStyle = edgeStyle;
   }
 
-  public dragstart(event: DragEvent, connector: FcConnector) {
+  public dragstart(event: Event | any, connector: FcConnector) {
     let swapConnector: FcConnector;
     let dragLabel: string;
     let prevEdge: FcEdge;
@@ -82,7 +82,7 @@ export class FcEdgeDraggingService {
       x: event.clientX + this.dragOffset.x,
       y: event.clientY + this.dragOffset.y
     };
-    const originalEvent: DragEvent = (event as any).originalEvent || event;
+    const originalEvent: Event | any = (event as any).originalEvent || event;
 
     originalEvent.dataTransfer.setData('Text', 'Just to support firefox');
     if (originalEvent.dataTransfer.setDragImage) {
@@ -111,7 +111,7 @@ export class FcEdgeDraggingService {
     event.stopPropagation();
   }
 
-  public dragover(event: DragEvent) {
+  public dragover(event: Event | any) {
     if (this.edgeDragging.isDragging) {
       if (!this.edgeDragging.magnetActive && this.dragAnimation === FlowchartConstants.dragAnimationShadow) {
         if (this.destinationHtmlElement !== null) {
@@ -149,7 +149,7 @@ export class FcEdgeDraggingService {
     }
   }
 
-  public dragoverConnector(event: DragEvent, connector: FcConnector): boolean {
+  public dragoverConnector(event: Event | any, connector: FcConnector): boolean {
     if (this.edgeDragging.isDragging) {
       this.dragover(event);
       try {
@@ -172,11 +172,11 @@ export class FcEdgeDraggingService {
     }
   }
 
-  public dragleaveMagnet(event: DragEvent) {
+  public dragleaveMagnet(event: Event | any) {
     this.edgeDragging.magnetActive = false;
   }
 
-  public dragoverMagnet(event: DragEvent, connector: FcConnector): boolean {
+  public dragoverMagnet(event: Event | any, connector: FcConnector): boolean {
     if (this.edgeDragging.isDragging) {
       this.dragover(event);
       try {
@@ -217,7 +217,7 @@ export class FcEdgeDraggingService {
     }
   }
 
-  public dragend(event: DragEvent) {
+  public dragend(event: Event | any) {
     if (this.edgeDragging.isDragging) {
       this.edgeDragging.isDragging = false;
       this.edgeDragging.dragPoint1 = null;
@@ -238,7 +238,7 @@ export class FcEdgeDraggingService {
     }
   }
 
-  public drop(event: DragEvent, targetConnector: FcConnector): boolean {
+  public drop(event: Event | any, targetConnector: FcConnector): boolean {
     if (this.edgeDragging.isDragging) {
       try {
         this.modelValidation.validateEdges(this.model.edges.concat([{

projects/ngx-flowchart/src/lib/magnet.directive.ts

@@ -22,22 +22,22 @@ export class FcMagnetDirective implements OnInit {
   }
 
   @HostListener('dragover', ['$event'])
-  dragover(event: DragEvent) {
+  dragover(event: Event | any) {
     return this.callbacks.edgeDragoverMagnet(event, this.connector);
   }
 
   @HostListener('dragleave', ['$event'])
-  dragleave(event: DragEvent) {
+  dragleave(event: Event | any) {
     this.callbacks.edgeDragleaveMagnet(event);
   }
 
   @HostListener('drop', ['$event'])
-  drop(event: DragEvent) {
+  drop(event: Event | any) {
     return this.callbacks.edgeDrop(event, this.connector);
   }
 
   @HostListener('dragend', ['$event'])
-  dragend(event: DragEvent) {
+  dragend(event: Event | any) {
     this.callbacks.edgeDragend(event);
   }
 

projects/ngx-flowchart/src/lib/model.service.ts

@@ -11,7 +11,7 @@ import {
   FlowchartConstants
 } from './ngx-flowchart.models';
 import { Observable, of, Subject } from 'rxjs';
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { debounceTime } from 'rxjs/operators';
 
 export class FcModelService {

projects/ngx-flowchart/src/lib/ngx-flowchart.component.ts

@@ -281,13 +281,13 @@ export class NgxFlowchartComponent implements OnInit, DoCheck {
   }
 
   @HostListener('dragover', ['$event'])
-  dragover(event: DragEvent) {
+  dragover(event: Event | any) {
     this.nodeDraggingService.dragover(event);
     this.edgeDraggingService.dragover(event);
   }
 
   @HostListener('drop', ['$event'])
-  drop(event: DragEvent) {
+  drop(event: Event | any) {
     if (event.preventDefault) {
       event.preventDefault();
     }

projects/ngx-flowchart/src/lib/ngx-flowchart.models.ts

@@ -119,14 +119,14 @@ export interface UserNodeCallbacks {
 }
 
 export interface FcCallbacks {
-  nodeDragstart: (event: DragEvent, node: FcNode) => void;
-  nodeDragend: (event: DragEvent) => void;
-  edgeDragstart: (event: DragEvent, connector: FcConnector) => void;
-  edgeDragend: (event: DragEvent) => void;
-  edgeDrop: (event: DragEvent, targetConnector: FcConnector) => boolean;
-  edgeDragoverConnector: (event: DragEvent, connector: FcConnector) => boolean;
-  edgeDragoverMagnet: (event: DragEvent, connector: FcConnector) => boolean;
-  edgeDragleaveMagnet: (event: DragEvent) => void;
+  nodeDragstart: (event: Event | any, node: FcNode) => void;
+  nodeDragend: (event: Event | any) => void;
+  edgeDragstart: (event: Event | any, connector: FcConnector) => void;
+  edgeDragend: (event: Event | any) => void;
+  edgeDrop: (event: Event | any, targetConnector: FcConnector) => boolean;
+  edgeDragoverConnector: (event: Event | any, connector: FcConnector) => boolean;
+  edgeDragoverMagnet: (event: Event | any, connector: FcConnector) => boolean;
+  edgeDragleaveMagnet: (event: Event | any) => void;
   nodeMouseOver: (event: MouseEvent, node: FcNode) => void;
   nodeMouseOut: (event: MouseEvent, node: FcNode) => void;
   connectorMouseEnter: (event: MouseEvent, connector: FcConnector) => void;

projects/ngx-flowchart/src/lib/node.component.ts

@@ -162,14 +162,14 @@ export class FcNodeContainerComponent implements OnInit, AfterViewInit, OnChange
   }
 
   @HostListener('dragstart', ['$event'])
-  dragstart(event: DragEvent) {
+  dragstart(event: Event | any) {
     if (!this.node.readonly) {
       this.callbacks.nodeDragstart(event, this.node);
     }
   }
 
   @HostListener('dragend', ['$event'])
-  dragend(event: DragEvent) {
+  dragend(event: Event | any) {
     if (!this.node.readonly) {
       this.callbacks.nodeDragend(event);
     }

src/app/app.component.ts

-import { AfterViewInit, Component, HostBinding, HostListener, ViewChild, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, Component, HostBinding, HostListener, ViewChild } from '@angular/core';
 import { FcModel, FcNode, FlowchartConstants, NgxFlowchartComponent, UserCallbacks } from 'ngx-flowchart-dev';
 import { of } from 'rxjs';
-import { A, CONTROL, DELETE, ESCAPE } from '@angular/cdk/keycodes';
+import { DELETE } from '@angular/cdk/keycodes';
 
 @Component({
   selector: 'app-root',