@interactjs/modifiers - npm Package Compare versions

Comparing version 1.8.5 to 1.9.0

aspectRatio.d.ts

@@ -20,2 +20,58 @@ import { Modifier, ModifierModule, ModifierState } from './base';
 declare const aspectRatio: ModifierModule<AspectRatioOptions, AspectRatioState>;
-export default aspectRatio;
+declare const _default: {
+    (_options?: Partial<AspectRatioOptions>): Modifier<AspectRatioOptions, ModifierState<AspectRatioOptions, {
+        startCoords: import("@interactjs/types/types").Point;
+        startRect: import("@interactjs/types/types").Rect;
+        linkedEdges: import("@interactjs/types/types").EdgeOptions;
+        ratio: number;
+        equalDelta: boolean;
+        xIsPrimaryAxis: boolean;
+        edgeSign: 1 | -1;
+        subModification: Modification;
+    }, any>, "aspectRatio">;
+    _defaults: AspectRatioOptions;
+    _methods: {
+        start: (arg: import("./base").ModifierArg<ModifierState<AspectRatioOptions, {
+            startCoords: import("@interactjs/types/types").Point;
+            startRect: import("@interactjs/types/types").Rect;
+            linkedEdges: import("@interactjs/types/types").EdgeOptions;
+            ratio: number;
+            equalDelta: boolean;
+            xIsPrimaryAxis: boolean;
+            edgeSign: 1 | -1;
+            subModification: Modification;
+        }, any>>) => void;
+        set: (arg: import("./base").ModifierArg<ModifierState<AspectRatioOptions, {
+            startCoords: import("@interactjs/types/types").Point;
+            startRect: import("@interactjs/types/types").Rect;
+            linkedEdges: import("@interactjs/types/types").EdgeOptions;
+            ratio: number;
+            equalDelta: boolean;
+            xIsPrimaryAxis: boolean;
+            edgeSign: 1 | -1;
+            subModification: Modification;
+        }, any>>) => any;
+        beforeEnd: (arg: import("./base").ModifierArg<ModifierState<AspectRatioOptions, {
+            startCoords: import("@interactjs/types/types").Point;
+            startRect: import("@interactjs/types/types").Rect;
+            linkedEdges: import("@interactjs/types/types").EdgeOptions;
+            ratio: number;
+            equalDelta: boolean;
+            xIsPrimaryAxis: boolean;
+            edgeSign: 1 | -1;
+            subModification: Modification;
+        }, any>>) => void | import("@interactjs/types/types").Point;
+        stop: (arg: import("./base").ModifierArg<ModifierState<AspectRatioOptions, {
+            startCoords: import("@interactjs/types/types").Point;
+            startRect: import("@interactjs/types/types").Rect;
+            linkedEdges: import("@interactjs/types/types").EdgeOptions;
+            ratio: number;
+            equalDelta: boolean;
+            xIsPrimaryAxis: boolean;
+            edgeSign: 1 | -1;
+            subModification: Modification;
+        }, any>>) => void;
+    };
+};
+export default _default;
+export { aspectRatio };

aspectRatio.js

@@ -22,2 +22,3 @@ /* eslint-disable */
 import Modification from "./Modification.js";
+import { makeModifier } from "./base.js";
 const aspectRatio = {
@@ -150,3 +151,4 @@ start(arg) {
 
-export default aspectRatio;
+export default makeModifier(aspectRatio, 'aspectRatio');
+export { aspectRatio };
 //# sourceMappingURL=aspectRatio.js.map

base.d.ts

 import Modification from './Modification';
-declare module '@interactjs/core/scope' {
-    interface Scope {
-        modifiers?: any;
-    }
-}
 declare module '@interactjs/core/Interaction' {
@@ -8,0 +3,0 @@ interface Interaction {

index.d.ts

@@ -1,266 +0,11 @@
-export declare const snap: {
-    (_options?: Partial<import("./snap/pointer").SnapOptions>): import("./base").Modifier<import("./snap/pointer").SnapOptions, import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-        offsets?: import("./snap/pointer").Offset[];
-        closest?: any;
-        targetFields?: string[][];
-    }, any>, "snap">;
-    _defaults: import("./snap/pointer").SnapOptions;
-    _methods: {
-        start: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => void;
-        set: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => any;
-        beforeEnd: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => void | import("@interactjs/types/types").Point;
-        stop: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => void;
-    };
-};
-export declare const snapSize: {
-    (_options?: Partial<Pick<import("./snap/pointer").SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">>): import("./base").Modifier<Pick<import("./snap/pointer").SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">, import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-        offsets?: import("./snap/pointer").Offset[];
-        closest?: any;
-        targetFields?: string[][];
-    }, any>, "snapSize">;
-    _defaults: Pick<import("./snap/pointer").SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">;
-    _methods: {
-        start: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => void;
-        set: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => any;
-        beforeEnd: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => void | import("@interactjs/types/types").Point;
-        stop: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => void;
-    };
-};
-export declare const snapEdges: {
-    (_options?: Partial<Pick<import("./snap/pointer").SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">>): import("./base").Modifier<Pick<import("./snap/pointer").SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">, import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-        offsets?: import("./snap/pointer").Offset[];
-        closest?: any;
-        targetFields?: string[][];
-    }, any>, "snapEdges">;
-    _defaults: Pick<import("./snap/pointer").SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">;
-    _methods: {
-        start: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => void;
-        set: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => any;
-        beforeEnd: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => void | import("@interactjs/types/types").Point;
-        stop: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./snap/pointer").SnapOptions, {
-            offsets?: import("./snap/pointer").Offset[];
-            closest?: any;
-            targetFields?: string[][];
-        }, any>>) => void;
-    };
-};
-export declare const restrict: {
-    (_options?: Partial<import("./restrict/pointer").RestrictOptions>): import("./base").Modifier<import("./restrict/pointer").RestrictOptions, import("./base").ModifierState<import("./restrict/pointer").RestrictOptions, {
-        offset: import("@interactjs/types/types").Rect;
-    }, any>, "restrict">;
-    _defaults: import("./restrict/pointer").RestrictOptions;
-    _methods: {
-        start: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/pointer").RestrictOptions, {
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void;
-        set: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/pointer").RestrictOptions, {
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => any;
-        beforeEnd: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/pointer").RestrictOptions, {
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void | import("@interactjs/types/types").Point;
-        stop: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/pointer").RestrictOptions, {
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void;
-    };
-};
-export declare const restrictRect: {
-    (_options?: Partial<import("./restrict/pointer").RestrictOptions & {
-        elementRect: {
-            top: number;
-            left: number;
-            bottom: number;
-            right: number;
-        };
-    }>): import("./base").Modifier<import("./restrict/pointer").RestrictOptions & {
-        elementRect: {
-            top: number;
-            left: number;
-            bottom: number;
-            right: number;
-        };
-    }, import("./base").ModifierState<import("./restrict/pointer").RestrictOptions, {
-        offset: import("@interactjs/types/types").Rect;
-    }, any>, "restrictRect">;
-    _defaults: import("./restrict/pointer").RestrictOptions & {
-        elementRect: {
-            top: number;
-            left: number;
-            bottom: number;
-            right: number;
-        };
-    };
-    _methods: {
-        start: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/pointer").RestrictOptions, {
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void;
-        set: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/pointer").RestrictOptions, {
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => any;
-        beforeEnd: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/pointer").RestrictOptions, {
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void | import("@interactjs/types/types").Point;
-        stop: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/pointer").RestrictOptions, {
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void;
-    };
-};
-export declare const restrictEdges: {
-    (_options?: Partial<import("./restrict/edges").RestrictEdgesOptions>): import("./base").Modifier<import("./restrict/edges").RestrictEdgesOptions, import("./base").ModifierState<import("./restrict/edges").RestrictEdgesOptions, {
-        inner: import("@interactjs/types/types").Rect;
-        outer: import("@interactjs/types/types").Rect;
-        offset: import("@interactjs/types/types").Rect;
-    }, any>, "restrictEdges">;
-    _defaults: import("./restrict/edges").RestrictEdgesOptions;
-    _methods: {
-        start: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/edges").RestrictEdgesOptions, {
-            inner: import("@interactjs/types/types").Rect;
-            outer: import("@interactjs/types/types").Rect;
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void;
-        set: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/edges").RestrictEdgesOptions, {
-            inner: import("@interactjs/types/types").Rect;
-            outer: import("@interactjs/types/types").Rect;
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => any;
-        beforeEnd: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/edges").RestrictEdgesOptions, {
-            inner: import("@interactjs/types/types").Rect;
-            outer: import("@interactjs/types/types").Rect;
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void | import("@interactjs/types/types").Point;
-        stop: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/edges").RestrictEdgesOptions, {
-            inner: import("@interactjs/types/types").Rect;
-            outer: import("@interactjs/types/types").Rect;
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void;
-    };
-};
-export declare const restrictSize: {
-    (_options?: Partial<import("./restrict/size").RestrictSizeOptions>): import("./base").Modifier<import("./restrict/size").RestrictSizeOptions, import("./base").ModifierState<import("./restrict/edges").RestrictEdgesOptions, {
-        inner: import("@interactjs/types/types").Rect;
-        outer: import("@interactjs/types/types").Rect;
-        offset: import("@interactjs/types/types").Rect;
-    }, any>, "restrictSize">;
-    _defaults: import("./restrict/size").RestrictSizeOptions;
-    _methods: {
-        start: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/edges").RestrictEdgesOptions, {
-            inner: import("@interactjs/types/types").Rect;
-            outer: import("@interactjs/types/types").Rect;
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void;
-        set: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/edges").RestrictEdgesOptions, {
-            inner: import("@interactjs/types/types").Rect;
-            outer: import("@interactjs/types/types").Rect;
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => any;
-        beforeEnd: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/edges").RestrictEdgesOptions, {
-            inner: import("@interactjs/types/types").Rect;
-            outer: import("@interactjs/types/types").Rect;
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void | import("@interactjs/types/types").Point;
-        stop: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./restrict/edges").RestrictEdgesOptions, {
-            inner: import("@interactjs/types/types").Rect;
-            outer: import("@interactjs/types/types").Rect;
-            offset: import("@interactjs/types/types").Rect;
-        }, any>>) => void;
-    };
-};
-export declare const aspectRatio: {
-    (_options?: Partial<import("./aspectRatio").AspectRatioOptions>): import("./base").Modifier<import("./aspectRatio").AspectRatioOptions, import("./base").ModifierState<import("./aspectRatio").AspectRatioOptions, {
-        startCoords: import("@interactjs/types/types").Point;
-        startRect: import("@interactjs/types/types").Rect;
-        linkedEdges: import("@interactjs/types/types").EdgeOptions;
-        ratio: number;
-        equalDelta: boolean;
-        xIsPrimaryAxis: boolean;
-        edgeSign: 1 | -1;
-        subModification: import("./Modification").default;
-    }, any>, "aspectRatio">;
-    _defaults: import("./aspectRatio").AspectRatioOptions;
-    _methods: {
-        start: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./aspectRatio").AspectRatioOptions, {
-            startCoords: import("@interactjs/types/types").Point;
-            startRect: import("@interactjs/types/types").Rect;
-            linkedEdges: import("@interactjs/types/types").EdgeOptions;
-            ratio: number;
-            equalDelta: boolean;
-            xIsPrimaryAxis: boolean;
-            edgeSign: 1 | -1;
-            subModification: import("./Modification").default;
-        }, any>>) => void;
-        set: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./aspectRatio").AspectRatioOptions, {
-            startCoords: import("@interactjs/types/types").Point;
-            startRect: import("@interactjs/types/types").Rect;
-            linkedEdges: import("@interactjs/types/types").EdgeOptions;
-            ratio: number;
-            equalDelta: boolean;
-            xIsPrimaryAxis: boolean;
-            edgeSign: 1 | -1;
-            subModification: import("./Modification").default;
-        }, any>>) => any;
-        beforeEnd: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./aspectRatio").AspectRatioOptions, {
-            startCoords: import("@interactjs/types/types").Point;
-            startRect: import("@interactjs/types/types").Rect;
-            linkedEdges: import("@interactjs/types/types").EdgeOptions;
-            ratio: number;
-            equalDelta: boolean;
-            xIsPrimaryAxis: boolean;
-            edgeSign: 1 | -1;
-            subModification: import("./Modification").default;
-        }, any>>) => void | import("@interactjs/types/types").Point;
-        stop: (arg: import("./base").ModifierArg<import("./base").ModifierState<import("./aspectRatio").AspectRatioOptions, {
-            startCoords: import("@interactjs/types/types").Point;
-            startRect: import("@interactjs/types/types").Rect;
-            linkedEdges: import("@interactjs/types/types").EdgeOptions;
-            ratio: number;
-            equalDelta: boolean;
-            xIsPrimaryAxis: boolean;
-            edgeSign: 1 | -1;
-            subModification: import("./Modification").default;
-        }, any>>) => void;
-    };
-};
+import * as all from './all';
+import * as snappers from '@interactjs/utils/snappers/index';
+declare module '@interactjs/interact/index' {
+    interface InteractStatic {
+        modifiers: typeof all;
+        snappers: typeof snappers;
+        createSnapGrid: typeof snappers.grid;
+    }
+}
+declare const modifiers: Interact.Plugin;
+export default modifiers;

index.js

@@ -1,18 +0,29 @@
-import aspectRatioModule from "./aspectRatio.js";
-import { makeModifier } from "./base.js";
-import restrictEdgesModule from "./restrict/edges.js";
-import restrictModule from "./restrict/pointer.js";
-import restrictRectModule from "./restrict/rect.js";
-import restrictSizeModule from "./restrict/size.js";
-import snapEdgesModule from "./snap/edges.js";
-import snapModule from "./snap/pointer.js";
-import snapSizeModule from "./snap/size.js";
-export const snap = makeModifier(snapModule, 'snap');
-export const snapSize = makeModifier(snapSizeModule, 'snapSize');
-export const snapEdges = makeModifier(snapEdgesModule, 'snapEdges');
-export const restrict = makeModifier(restrictModule, 'restrict');
-export const restrictRect = makeModifier(restrictRectModule, 'restrictRect');
-export const restrictEdges = makeModifier(restrictEdgesModule, 'restrictEdges');
-export const restrictSize = makeModifier(restrictSizeModule, 'restrictSize');
-export const aspectRatio = makeModifier(aspectRatioModule, 'aspectRatio');
+import base from "./base.js";
+import * as all from "./all.js";
+import extend from "../utils/extend.js";
+import * as snappers from "../utils/snappers/index.js";
+const modifiers = {
+  id: 'modifiers',
+
+  install(scope) {
+    const {
+      interact
+    } = scope;
+    scope.usePlugin(base);
+    interact.modifiers = extend(interact.modifiers || {}, all);
+    interact.snappers = extend(interact.snappers || {}, snappers);
+    interact.createSnapGrid = interact.snappers.grid; // for backwrads compatibility
+
+    for (const type in all) {
+      const {
+        _defaults,
+        _methods
+      } = all[type];
+      _defaults._methods = _methods;
+      scope.defaults.perAction[type] = _defaults;
+    }
+  }
+
+};
+export default modifiers;
 //# sourceMappingURL=index.js.map

Modification.d.ts

@@ -61,3 +61,3 @@ import { Modifier, ModifierArg, ModifierState } from './base';
     }): void;
-    shouldDo(options: any, preEnd?: boolean, phase?: string): any;
+    shouldDo(options: any, preEnd?: boolean, phase?: string, requireEndOnly?: boolean): boolean;
     copyFrom(other: Modification): void;
@@ -64,0 +64,0 @@ destroy(): void;

Modification.js

@@ -26,2 +26,4 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
     _defineProperty(this, "edges", void 0);
+
+    this.result = createResult();
   }
@@ -117,5 +119,8 @@
     const prevRect = this.result.rect;
-    const rectChanged = !prevRect || newResult.rect.left !== prevRect.left || newResult.rect.right !== prevRect.right || newResult.rect.top !== prevRect.top || newResult.rect.bottom !== prevRect.bottom;
-    newResult.changed = rectChanged || prevCoords.x !== newResult.coords.x || prevCoords.y !== newResult.coords.y;
-    newResult.rect = arg.rect;
+
+    if (prevCoords && prevRect) {
+      const rectChanged = newResult.rect.left !== prevRect.left || newResult.rect.right !== prevRect.right || newResult.rect.top !== prevRect.top || newResult.rect.bottom !== prevRect.bottom;
+      newResult.changed = rectChanged || prevCoords.x !== newResult.coords.x || prevCoords.y !== newResult.coords.y;
+    }
+
     return newResult;
@@ -226,6 +231,6 @@ }
 
-      doPreend = doPreend || !doPreend && this.shouldDo(options, true);
+      doPreend = doPreend || !doPreend && this.shouldDo(options, true, arg.phase, true);
     }
 
-    if (!doPreend) {
+    if (doPreend) {
       // trigger a final modified move before ending
@@ -326,4 +331,12 @@ interaction.move({
 
-  shouldDo(options, preEnd, phase) {
-    return options ? options.enabled !== false && (preEnd || !options.endOnly) && (options.setStart || phase !== 'start') : true;
+  shouldDo(options, preEnd, phase, requireEndOnly) {
+    if ( // ignore disabled modifiers
+    !options || options.enabled === false || // check if we require endOnly option to fire move before end
+    requireEndOnly && !options.endOnly || // don't apply endOnly modifiers when not ending
+    options.endOnly && !preEnd || // check if modifier should run be applied on start
+    phase === 'start' && !options.setStart) {
+      return false;
+    }
+
+    return true;
   }
@@ -330,0 +343,0 @@

package.json

 {
   "name": "@interactjs/modifiers",
-  "version": "1.8.5",
+  "version": "1.9.0",
   "license": "MIT",
   "peerDependencies": {
-    "@interactjs/core": "1.8.5",
-    "@interactjs/utils": "1.8.5"
+    "@interactjs/core": "1.9.0",
+    "@interactjs/utils": "1.9.0"
   },
   "devDependencies": {
-    "@interactjs/_dev": "1.8.5",
-    "@interactjs/actions": "1.8.5"
+    "@interactjs/_dev": "1.9.0",
+    "@interactjs/actions": "1.9.0"
   },
+  "optionalDependencies": {
+    "@interactjs/interact": "1.9.0"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1cc6d94c"
+  "gitHead": "cbd58434"
 }

restrict/edges.d.ts

@@ -34,2 +34,33 @@ import { ModifierArg, ModifierState } from '../base';
 };
-export default restrictEdges;
+declare const _default: {
+    (_options?: Partial<RestrictEdgesOptions>): import("../base").Modifier<RestrictEdgesOptions, ModifierState<RestrictEdgesOptions, {
+        inner: import("@interactjs/types/types").Rect;
+        outer: import("@interactjs/types/types").Rect;
+        offset: import("@interactjs/types/types").Rect;
+    }, any>, "restrictEdges">;
+    _defaults: RestrictEdgesOptions;
+    _methods: {
+        start: (arg: ModifierArg<ModifierState<RestrictEdgesOptions, {
+            inner: import("@interactjs/types/types").Rect;
+            outer: import("@interactjs/types/types").Rect;
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void;
+        set: (arg: ModifierArg<ModifierState<RestrictEdgesOptions, {
+            inner: import("@interactjs/types/types").Rect;
+            outer: import("@interactjs/types/types").Rect;
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => any;
+        beforeEnd: (arg: ModifierArg<ModifierState<RestrictEdgesOptions, {
+            inner: import("@interactjs/types/types").Rect;
+            outer: import("@interactjs/types/types").Rect;
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void | import("@interactjs/types/types").Point;
+        stop: (arg: ModifierArg<ModifierState<RestrictEdgesOptions, {
+            inner: import("@interactjs/types/types").Rect;
+            outer: import("@interactjs/types/types").Rect;
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void;
+    };
+};
+export default _default;
+export { restrictEdges };

restrict/edges.js

@@ -13,2 +13,3 @@ // This module adds the options.resize.restrictEdges setting which sets min and
 import * as rectUtils from "../../utils/rect.js";
+import { makeModifier } from "../base.js";
 import { getRestrictionRect } from "./pointer.js";
@@ -113,3 +114,4 @@ const noInner = {
 };
-export default restrictEdges;
+export default makeModifier(restrictEdges, 'restrictEdges');
+export { restrictEdges };
 //# sourceMappingURL=edges.js.map

restrict/pointer.d.ts

@@ -1,2 +0,2 @@
-import { ModifierModule, ModifierState } from '../base';
+import { ModifierArg, ModifierModule, ModifierState } from '../base';
 export interface RestrictOptions {
@@ -14,2 +14,23 @@ restriction: Interact.RectResolvable<[number, number, Interact.Interaction]>;
 declare const restrict: ModifierModule<RestrictOptions, RestrictState>;
-export default restrict;
+declare const _default: {
+    (_options?: Partial<RestrictOptions>): import("../base").Modifier<RestrictOptions, ModifierState<RestrictOptions, {
+        offset: import("@interactjs/types/types").Rect;
+    }, any>, "restrict">;
+    _defaults: RestrictOptions;
+    _methods: {
+        start: (arg: ModifierArg<ModifierState<RestrictOptions, {
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void;
+        set: (arg: ModifierArg<ModifierState<RestrictOptions, {
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => any;
+        beforeEnd: (arg: ModifierArg<ModifierState<RestrictOptions, {
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void | import("@interactjs/types/types").Point;
+        stop: (arg: ModifierArg<ModifierState<RestrictOptions, {
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void;
+    };
+};
+export default _default;
+export { restrict };

restrict/pointer.js

 import extend from "../../utils/extend.js";
 import * as is from "../../utils/is.js";
 import * as rectUtils from "../../utils/rect.js";
+import { makeModifier } from "../base.js";
 
@@ -91,3 +92,4 @@ function start({
 };
-export default restrict;
+export default makeModifier(restrict, 'restrict');
+export { restrict };
 //# sourceMappingURL=pointer.js.map

restrict/rect.d.ts

@@ -17,2 +17,44 @@ declare const restrictRect: {
 };
-export default restrictRect;
+declare const _default: {
+    (_options?: Partial<import("./pointer").RestrictOptions & {
+        elementRect: {
+            top: number;
+            left: number;
+            bottom: number;
+            right: number;
+        };
+    }>): import("../base").Modifier<import("./pointer").RestrictOptions & {
+        elementRect: {
+            top: number;
+            left: number;
+            bottom: number;
+            right: number;
+        };
+    }, import("../base").ModifierState<import("./pointer").RestrictOptions, {
+        offset: import("@interactjs/types/types").Rect;
+    }, any>, "restrictRect">;
+    _defaults: import("./pointer").RestrictOptions & {
+        elementRect: {
+            top: number;
+            left: number;
+            bottom: number;
+            right: number;
+        };
+    };
+    _methods: {
+        start: (arg: import("../base").ModifierArg<import("../base").ModifierState<import("./pointer").RestrictOptions, {
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void;
+        set: (arg: import("../base").ModifierArg<import("../base").ModifierState<import("./pointer").RestrictOptions, {
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => any;
+        beforeEnd: (arg: import("../base").ModifierArg<import("../base").ModifierState<import("./pointer").RestrictOptions, {
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void | import("@interactjs/types/types").Point;
+        stop: (arg: import("../base").ModifierArg<import("../base").ModifierState<import("./pointer").RestrictOptions, {
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void;
+    };
+};
+export default _default;
+export { restrictRect };

restrict/rect.js

 import extend from "../../utils/extend.js";
-import restrictPointer from "./pointer.js";
+import { restrict } from "./pointer.js";
+import { makeModifier } from "../base.js";
 const defaults = extend({
@@ -15,9 +16,10 @@ get elementRect() {
 
-}, restrictPointer.defaults);
+}, restrict.defaults);
 const restrictRect = {
-  start: restrictPointer.start,
-  set: restrictPointer.set,
+  start: restrict.start,
+  set: restrict.set,
   defaults
 };
-export default restrictRect;
+export default makeModifier(restrictRect, 'restrictRect');
+export { restrictRect };
 //# sourceMappingURL=rect.js.map

restrict/size.d.ts

@@ -24,2 +24,33 @@ import { ModifierArg, ModifierState } from '../base';
 };
-export default restrictSize;
+declare const _default: {
+    (_options?: Partial<RestrictSizeOptions>): import("../base").Modifier<RestrictSizeOptions, ModifierState<import("./edges").RestrictEdgesOptions, {
+        inner: import("@interactjs/types/types").Rect;
+        outer: import("@interactjs/types/types").Rect;
+        offset: import("@interactjs/types/types").Rect;
+    }, any>, "restrictSize">;
+    _defaults: RestrictSizeOptions;
+    _methods: {
+        start: (arg: ModifierArg<ModifierState<import("./edges").RestrictEdgesOptions, {
+            inner: import("@interactjs/types/types").Rect;
+            outer: import("@interactjs/types/types").Rect;
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void;
+        set: (arg: ModifierArg<ModifierState<import("./edges").RestrictEdgesOptions, {
+            inner: import("@interactjs/types/types").Rect;
+            outer: import("@interactjs/types/types").Rect;
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => any;
+        beforeEnd: (arg: ModifierArg<ModifierState<import("./edges").RestrictEdgesOptions, {
+            inner: import("@interactjs/types/types").Rect;
+            outer: import("@interactjs/types/types").Rect;
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void | import("@interactjs/types/types").Point;
+        stop: (arg: ModifierArg<ModifierState<import("./edges").RestrictEdgesOptions, {
+            inner: import("@interactjs/types/types").Rect;
+            outer: import("@interactjs/types/types").Rect;
+            offset: import("@interactjs/types/types").Rect;
+        }, any>>) => void;
+    };
+};
+export default _default;
+export { restrictSize };

restrict/size.js

 import extend from "../../utils/extend.js";
 import * as rectUtils from "../../utils/rect.js";
-import restrictEdges from "./edges.js";
+import { makeModifier } from "../base.js";
+import { restrictEdges } from "./edges.js";
 import { getRestrictionRect } from "./pointer.js";
@@ -72,3 +73,4 @@ const noMin = {
 };
-export default restrictSize;
+export default makeModifier(restrictSize, 'restrictSize');
+export { restrictSize };
 //# sourceMappingURL=size.js.map

snap/edges.d.ts

@@ -28,6 +28,37 @@ /**
  */
-import { ModifierModule } from '../base';
+import { ModifierArg, ModifierModule } from '../base';
 import { SnapOptions, SnapState } from './pointer';
 export declare type SnapEdgesOptions = Pick<SnapOptions, 'targets' | 'range' | 'offset' | 'endOnly' | 'enabled'>;
 declare const snapEdges: ModifierModule<SnapEdgesOptions, SnapState>;
-export default snapEdges;
+declare const _default: {
+    (_options?: Partial<Pick<SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">>): import("../base").Modifier<Pick<SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">, import("../base").ModifierState<SnapOptions, {
+        offsets?: import("./pointer").Offset[];
+        closest?: any;
+        targetFields?: string[][];
+    }, any>, "snapEdges">;
+    _defaults: Pick<SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">;
+    _methods: {
+        start: (arg: ModifierArg<import("../base").ModifierState<SnapOptions, {
+            offsets?: import("./pointer").Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => void;
+        set: (arg: ModifierArg<import("../base").ModifierState<SnapOptions, {
+            offsets?: import("./pointer").Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => any;
+        beforeEnd: (arg: ModifierArg<import("../base").ModifierState<SnapOptions, {
+            offsets?: import("./pointer").Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => void | import("@interactjs/types/types").Point;
+        stop: (arg: ModifierArg<import("../base").ModifierState<SnapOptions, {
+            offsets?: import("./pointer").Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => void;
+    };
+};
+export default _default;
+export { snapEdges };

snap/edges.js

@@ -30,3 +30,4 @@ /**
 import extend from "../../utils/extend.js";
-import snapSize from "./size.js";
+import { makeModifier } from "../base.js";
+import { snapSize } from "./size.js";
 
@@ -58,3 +59,4 @@ function start(arg) {
 };
-export default snapEdges;
+export default makeModifier(snapEdges, 'snapEdges');
+export { snapEdges };
 //# sourceMappingURL=edges.js.map

snap/pointer.d.ts

@@ -48,2 +48,33 @@ import { ModifierArg, ModifierState } from '../base';
 };
-export default snap;
+declare const _default: {
+    (_options?: Partial<SnapOptions>): import("../base").Modifier<SnapOptions, ModifierState<SnapOptions, {
+        offsets?: Offset[];
+        closest?: any;
+        targetFields?: string[][];
+    }, any>, "snap">;
+    _defaults: SnapOptions;
+    _methods: {
+        start: (arg: ModifierArg<ModifierState<SnapOptions, {
+            offsets?: Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => void;
+        set: (arg: ModifierArg<ModifierState<SnapOptions, {
+            offsets?: Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => any;
+        beforeEnd: (arg: ModifierArg<ModifierState<SnapOptions, {
+            offsets?: Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => void | import("@interactjs/types/types").Point;
+        stop: (arg: ModifierArg<ModifierState<SnapOptions, {
+            offsets?: Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => void;
+    };
+};
+export default _default;
+export { snap };

snap/pointer.js

 import * as utils from "../../utils/index.js";
+import { makeModifier } from "../base.js";
 
@@ -169,3 +170,4 @@ function start(arg) {
 };
-export default snap;
+export default makeModifier(snap, 'snap');
+export { snap };
 //# sourceMappingURL=pointer.js.map

snap/size.d.ts

@@ -20,2 +20,33 @@ import { ModifierArg } from '../base';
 };
-export default snapSize;
+declare const _default: {
+    (_options?: Partial<Pick<SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">>): import("../base").Modifier<Pick<SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">, import("../base").ModifierState<SnapOptions, {
+        offsets?: import("./pointer").Offset[];
+        closest?: any;
+        targetFields?: string[][];
+    }, any>, "snapSize">;
+    _defaults: Pick<SnapOptions, "enabled" | "offset" | "endOnly" | "targets" | "range">;
+    _methods: {
+        start: (arg: ModifierArg<import("../base").ModifierState<SnapOptions, {
+            offsets?: import("./pointer").Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => void;
+        set: (arg: ModifierArg<import("../base").ModifierState<SnapOptions, {
+            offsets?: import("./pointer").Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => any;
+        beforeEnd: (arg: ModifierArg<import("../base").ModifierState<SnapOptions, {
+            offsets?: import("./pointer").Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => void | import("@interactjs/types/types").Point;
+        stop: (arg: ModifierArg<import("../base").ModifierState<SnapOptions, {
+            offsets?: import("./pointer").Offset[];
+            closest?: any;
+            targetFields?: string[][];
+        }, any>>) => void;
+    };
+};
+export default _default;
+export { snapSize };

snap/size.js

@@ -5,3 +5,4 @@ // This module allows snapping of the size of targets during resize
 import * as is from "../../utils/is.js";
-import snap from "./pointer.js";
+import { makeModifier } from "../base.js";
+import { snap } from "./pointer.js";
 
@@ -100,3 +101,4 @@ function start(arg) {
 };
-export default snapSize;
+export default makeModifier(snapSize, 'snapSize');
+export { snapSize };
 //# sourceMappingURL=size.js.map

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

146838

increased by2.74%

Number of package files

50

increased by13.64%

Lines of code

1829

increased by4.1%

Worsened metrics

Dependency count

3

increased by50%

No dependency changes