v1.4.10

packages/core/interactablePreventDefault.d.ts

@@ -1,4 +1,11 @@
-export declare function install(scope: any): void;
+declare module '@interactjs/core/Interactable' {
+    interface Interactable {
+        preventDefault: typeof preventDefault;
+        checkAndPreventDefault: (event: Event) => void;
+    }
+}
+declare function preventDefault(this: Interact.Interactable, newValue?: 'always' | 'never' | 'auto'): string | import("@interactjs/core/Interactable").Interactable;
+export declare function install(scope: Interact.Scope): void;
 export declare type Install = typeof install;
 declare const _default: {
     id: string;

packages/core/interactablePreventDefault.spec.d.ts

@@ -0,0 +1 @@
+export {};

packages/core/interactions.d.ts

@@ -11,7 +11,7 @@ declare module '@interactjs/core/scope' {
             listeners: {
                 [type: string]: Interact.Listener;
             };
-            eventMap: Array<{
+            docEvents: Array<{
                 type: string;
                 listener: Interact.Listener;
             }>;

packages/interactjs/dist/api/packages_core_interactablePreventDefault.ts.html

@@ -46,21 +46,28 @@ <h1 class="page-title">packages/core/interactablePreventDefault.ts</h1>
 import * as is from '@interactjs/utils/is'
 import { getWindow } from '@interactjs/utils/window'
 
-function preventDefault (interactable, newValue) {
+declare module '@interactjs/core/Interactable' {
+  interface Interactable {
+    preventDefault: typeof preventDefault
+    checkAndPreventDefault: (event: Event) => void
+  }
+}
+
+function preventDefault (this: Interact.Interactable, newValue?: 'always' | 'never' | 'auto') {
   if (/^(always|never|auto)$/.test(newValue)) {
-    interactable.options.preventDefault = newValue
-    return interactable
+    this.options.preventDefault = newValue
+    return this
   }
 
   if (is.bool(newValue)) {
-    interactable.options.preventDefault = newValue ? 'always' : 'never'
-    return interactable
+    this.options.preventDefault = newValue ? 'always' : 'never'
+    return this
   }
 
-  return interactable.options.preventDefault
+  return this.options.preventDefault
 }
 
-function checkAndPreventDefault (interactable, scope, event) {
+function checkAndPreventDefault (interactable: Interact.Interactable, scope: Interact.Scope, event: Event) {
   const setting = interactable.options.preventDefault
 
   if (setting === 'never') { return }
@@ -98,13 +105,13 @@ <h1 class="page-title">packages/core/interactablePreventDefault.ts</h1>
   event.preventDefault()
 }
 
-function onInteractionEvent ({ interaction, event }) {
+function onInteractionEvent ({ interaction, event }: Interact.SignalArg) {
   if (interaction.interactable) {
-    interaction.interactable.checkAndPreventDefault(event)
+    interaction.interactable.checkAndPreventDefault(event as Event)
   }
 }
 
-export function install (scope) {
+export function install (scope: Interact.Scope) {
   /** @lends Interactable */
   const Interactable = scope.Interactable
 
@@ -118,9 +125,7 @@ <h1 class="page-title">packages/core/interactablePreventDefault.ts</h1>
    * @param {string} [newValue] `'always'`, `'never'` or `'auto'`
    * @return {string | Interactable} The current setting or this Interactable
    */
-  Interactable.prototype.preventDefault = function (newValue) {
-    return preventDefault(this, newValue)
-  }
+  Interactable.prototype.preventDefault = preventDefault
 
   Interactable.prototype.checkAndPreventDefault = function (event) {
     return checkAndPreventDefault(this, scope, event)
@@ -131,16 +136,19 @@ <h1 class="page-title">packages/core/interactablePreventDefault.ts</h1>
   }
 
   // prevent native HTML5 drag on interact.js target elements
-  scope.interactions.eventMap.dragstart = function preventNativeDrag (event) {
-    for (const interaction of scope.interactions.list) {
-      if (interaction.element &amp;&amp;
-        (interaction.element === event.target ||
-          nodeContains(interaction.element, event.target))) {
-        interaction.interactable.checkAndPreventDefault(event)
-        return
+  scope.interactions.docEvents.push({
+    type: 'dragstart',
+    listener (event) {
+      for (const interaction of scope.interactions.list) {
+        if (interaction.element &amp;&amp;
+          (interaction.element === event.target ||
+           nodeContains(interaction.element, event.target))) {
+          interaction.interactable.checkAndPreventDefault(event)
+          return
+        }
       }
-    }
-  }
+    },
+  })
 }
 
 export type Install = typeof install