Socket
Socket
Sign inDemoInstall

@interactjs/actions

Package Overview
Dependencies
Maintainers
2
Versions
137
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@interactjs/actions - npm Package Compare versions

Comparing version 1.9.18 to 1.9.19

4

drop/plugin.js

@@ -9,4 +9,4 @@ import { Interactable } from "../../core/Interactable.js";

import * as pointerUtils from "../../utils/pointerUtils.js";
import drag from '../drag/plugin';
import { DropEvent } from './DropEvent';
import drag from "../drag/plugin.js";
import { DropEvent } from "./DropEvent.js";

@@ -13,0 +13,0 @@ function install(scope) {

@@ -1,2 +0,2 @@

import{Interactable as e}from"../../core/Interactable.min.js";import{Scope as t}from"../../core/scope.min.js";import*as o from"../../utils/domUtils.min.js";import r from"../../utils/extend.min.js";import n from"../../utils/getOriginXY.min.js";import a from"../../utils/is.min.js";import i from"../../utils/normalizeListeners.min.js";import*as p from"../../utils/pointerUtils.min.js";import c from"../drag/plugin";import{DropEvent as d}from"./DropEvent";function l(e,t){for(const{dropzone:o,element:r}of e.slice())t.dropzone=o,t.target=r,o.fire(t),t.propagationStopped=t.immediatePropagationStopped=!1}function s(e,t){const r=function({interactables:e},t){const r=[];for(const n of e.list){if(!n.options.drop.enabled)continue;const e=n.options.drop.accept;if(a.element(e)&&e!==t||a.string(e)&&!o.matchesSelector(t,e)||a.func(e)&&!e({dropzone:n,draggableElement:t}))continue;const i=a.string(n.target)?n._context.querySelectorAll(n.target):a.array(n.target)?n.target:[n.target];for(const e of i)e!==t&&r.push({dropzone:n,element:e})}return r}(e,t);for(const e of r)e.rect=e.dropzone.getRect(e.element);return r}function v({dropState:e,interactable:t,element:r},n,a){const i=[];for(const{dropzone:o,element:p,rect:c}of e.activeDrops)i.push(o.dropCheck(n,a,t,r,p,c)?p:null);const p=o.indexOfDeepestElement(i);return e.activeDrops[p]||null}function m(e,t,o){const{dropState:r}=e,n={enter:null,leave:null,activate:null,deactivate:null,move:null,drop:null};return"dragstart"===o.type&&(n.activate=new d(r,o,"dropactivate"),n.activate.target=null,n.activate.dropzone=null),"dragend"===o.type&&(n.deactivate=new d(r,o,"dropdeactivate"),n.deactivate.target=null,n.deactivate.dropzone=null),r.rejected||(r.cur.element!==r.prev.element&&(r.prev.dropzone&&(n.leave=new d(r,o,"dragleave"),o.dragLeave=n.leave.target=r.prev.element,o.prevDropzone=n.leave.dropzone=r.prev.dropzone),r.cur.dropzone&&(n.enter=new d(r,o,"dragenter"),o.dragEnter=r.cur.element,o.dropzone=r.cur.dropzone)),"dragend"===o.type&&r.cur.dropzone&&(n.drop=new d(r,o,"drop"),o.dropzone=r.cur.dropzone,o.relatedTarget=r.cur.element),"dragmove"===o.type&&r.cur.dropzone&&(n.move=new d(r,o,"dropmove"),n.move.dragmove=o,o.dropzone=r.cur.dropzone)),n}function u(e,t){const{dropState:o}=e,{activeDrops:r,cur:n,prev:a}=o;t.leave&&a.dropzone.fire(t.leave),t.move&&n.dropzone.fire(t.move),t.enter&&n.dropzone.fire(t.enter),t.drop&&n.dropzone.fire(t.drop),t.deactivate&&l(r,t.deactivate),o.prev.dropzone=n.dropzone,o.prev.element=n.element}function f({interaction:e,iEvent:t,event:o},r){if("dragmove"!==t.type&&"dragend"!==t.type)return;const{dropState:n}=e;r.dynamicDrop&&(n.activeDrops=s(r,e.element));const a=t,i=v(e,a,o);n.rejected=n.rejected&&!!i&&i.dropzone===n.cur.dropzone&&i.element===n.cur.element,n.cur.dropzone=i&&i.dropzone,n.cur.element=i&&i.element,n.events=m(e,0,a)}const g={id:"actions/drop",install(e){const{actions:t,interactStatic:o,Interactable:d,defaults:l}=e;e.usePlugin(c),d.prototype.dropzone=function(e){return function(e,t){if(a.object(t)){if(e.options.drop.enabled=!1!==t.enabled,t.listeners){const o=i(t.listeners),r=Object.keys(o).reduce((e,t)=>(e[/^(enter|leave)/.test(t)?"drag"+t:/^(activate|deactivate|move)/.test(t)?"drop"+t:t]=o[t],e),{});e.off(e.options.drop.listeners),e.on(r),e.options.drop.listeners=r}return a.func(t.ondrop)&&e.on("drop",t.ondrop),a.func(t.ondropactivate)&&e.on("dropactivate",t.ondropactivate),a.func(t.ondropdeactivate)&&e.on("dropdeactivate",t.ondropdeactivate),a.func(t.ondragenter)&&e.on("dragenter",t.ondragenter),a.func(t.ondragleave)&&e.on("dragleave",t.ondragleave),a.func(t.ondropmove)&&e.on("dropmove",t.ondropmove),/^(pointer|center)$/.test(t.overlap)?e.options.drop.overlap=t.overlap:a.number(t.overlap)&&(e.options.drop.overlap=Math.max(Math.min(1,t.overlap),0)),"accept"in t&&(e.options.drop.accept=t.accept),"checker"in t&&(e.options.drop.checker=t.checker),e}if(a.bool(t))return e.options.drop.enabled=t,e;return e.options.drop}(this,e)},d.prototype.dropCheck=function(e,t,o,r,i,c){return function(e,t,o,r,i,c,d){let l=!1;if(!(d=d||e.getRect(c)))return!!e.options.drop.checker&&e.options.drop.checker(t,o,l,e,c,r,i);const s=e.options.drop.overlap;if("pointer"===s){const e=n(r,i,"drag"),o=p.getPageXY(t);o.x+=e.x,o.y+=e.y;const a=o.x>d.left&&o.x<d.right,c=o.y>d.top&&o.y<d.bottom;l=a&&c}const v=r.getRect(i);if(v&&"center"===s){const e=v.left+v.width/2,t=v.top+v.height/2;l=e>=d.left&&e<=d.right&&t>=d.top&&t<=d.bottom}if(v&&a.number(s)){const e=Math.max(0,Math.min(d.right,v.right)-Math.max(d.left,v.left))*Math.max(0,Math.min(d.bottom,v.bottom)-Math.max(d.top,v.top))/(v.width*v.height);l=e>=s}e.options.drop.checker&&(l=e.options.drop.checker(t,o,l,e,c,r,i));return l}(this,e,t,o,r,i,c)},o.dynamicDrop=t=>a.bool(t)?(e.dynamicDrop=t,o):e.dynamicDrop,r(t.phaselessTypes,{dragenter:!0,dragleave:!0,dropactivate:!0,dropdeactivate:!0,dropmove:!0,drop:!0}),t.methodDict.drop="dropzone",e.dynamicDrop=!1,l.actions.drop=g.defaults},listeners:{"interactions:before-action-start"({interaction:e}){"drag"===e.prepared.name&&(e.dropState={cur:{dropzone:null,element:null},prev:{dropzone:null,element:null},rejected:null,events:null,activeDrops:[]})},"interactions:after-action-start"({interaction:e,event:t,iEvent:o},r){if("drag"!==e.prepared.name)return;const{dropState:n}=e;n.activeDrops=null,n.events=null,n.activeDrops=s(r,e.element),n.events=m(e,0,o),n.events.activate&&(l(n.activeDrops,n.events.activate),r.fire("actions/drop:start",{interaction:e,dragEvent:o}))},"interactions:action-move":f,"interactions:action-end":f,"interactions:after-action-move"({interaction:e,iEvent:t},o){"drag"===e.prepared.name&&(u(e,e.dropState.events),o.fire("actions/drop:move",{interaction:e,dragEvent:t}),e.dropState.events={})},"interactions:after-action-end"({interaction:e,iEvent:t},o){"drag"===e.prepared.name&&(u(e,e.dropState.events),o.fire("actions/drop:end",{interaction:e,dragEvent:t}))},"interactions:stop"({interaction:e}){if("drag"!==e.prepared.name)return;const{dropState:t}=e;t&&(t.activeDrops=null,t.events=null,t.cur.dropzone=null,t.cur.element=null,t.prev.dropzone=null,t.prev.element=null,t.rejected=!1)}},getActiveDrops:s,getDrop:v,getDropEvents:m,fireDropEvents:u,defaults:{enabled:!1,accept:null,overlap:"pointer"}};export default g;
import{Interactable as e}from"../../core/Interactable.min.js";import{Scope as t}from"../../core/scope.min.js";import*as o from"../../utils/domUtils.min.js";import r from"../../utils/extend.min.js";import n from"../../utils/getOriginXY.min.js";import a from"../../utils/is.min.js";import i from"../../utils/normalizeListeners.min.js";import*as p from"../../utils/pointerUtils.min.js";import c from"../drag/plugin.min.js";import{DropEvent as d}from"./DropEvent.min.js";function l(e,t){for(const{dropzone:o,element:r}of e.slice())t.dropzone=o,t.target=r,o.fire(t),t.propagationStopped=t.immediatePropagationStopped=!1}function s(e,t){const r=function({interactables:e},t){const r=[];for(const n of e.list){if(!n.options.drop.enabled)continue;const e=n.options.drop.accept;if(a.element(e)&&e!==t||a.string(e)&&!o.matchesSelector(t,e)||a.func(e)&&!e({dropzone:n,draggableElement:t}))continue;const i=a.string(n.target)?n._context.querySelectorAll(n.target):a.array(n.target)?n.target:[n.target];for(const e of i)e!==t&&r.push({dropzone:n,element:e})}return r}(e,t);for(const e of r)e.rect=e.dropzone.getRect(e.element);return r}function v({dropState:e,interactable:t,element:r},n,a){const i=[];for(const{dropzone:o,element:p,rect:c}of e.activeDrops)i.push(o.dropCheck(n,a,t,r,p,c)?p:null);const p=o.indexOfDeepestElement(i);return e.activeDrops[p]||null}function m(e,t,o){const{dropState:r}=e,n={enter:null,leave:null,activate:null,deactivate:null,move:null,drop:null};return"dragstart"===o.type&&(n.activate=new d(r,o,"dropactivate"),n.activate.target=null,n.activate.dropzone=null),"dragend"===o.type&&(n.deactivate=new d(r,o,"dropdeactivate"),n.deactivate.target=null,n.deactivate.dropzone=null),r.rejected||(r.cur.element!==r.prev.element&&(r.prev.dropzone&&(n.leave=new d(r,o,"dragleave"),o.dragLeave=n.leave.target=r.prev.element,o.prevDropzone=n.leave.dropzone=r.prev.dropzone),r.cur.dropzone&&(n.enter=new d(r,o,"dragenter"),o.dragEnter=r.cur.element,o.dropzone=r.cur.dropzone)),"dragend"===o.type&&r.cur.dropzone&&(n.drop=new d(r,o,"drop"),o.dropzone=r.cur.dropzone,o.relatedTarget=r.cur.element),"dragmove"===o.type&&r.cur.dropzone&&(n.move=new d(r,o,"dropmove"),n.move.dragmove=o,o.dropzone=r.cur.dropzone)),n}function u(e,t){const{dropState:o}=e,{activeDrops:r,cur:n,prev:a}=o;t.leave&&a.dropzone.fire(t.leave),t.move&&n.dropzone.fire(t.move),t.enter&&n.dropzone.fire(t.enter),t.drop&&n.dropzone.fire(t.drop),t.deactivate&&l(r,t.deactivate),o.prev.dropzone=n.dropzone,o.prev.element=n.element}function f({interaction:e,iEvent:t,event:o},r){if("dragmove"!==t.type&&"dragend"!==t.type)return;const{dropState:n}=e;r.dynamicDrop&&(n.activeDrops=s(r,e.element));const a=t,i=v(e,a,o);n.rejected=n.rejected&&!!i&&i.dropzone===n.cur.dropzone&&i.element===n.cur.element,n.cur.dropzone=i&&i.dropzone,n.cur.element=i&&i.element,n.events=m(e,0,a)}const g={id:"actions/drop",install(e){const{actions:t,interactStatic:o,Interactable:d,defaults:l}=e;e.usePlugin(c),d.prototype.dropzone=function(e){return function(e,t){if(a.object(t)){if(e.options.drop.enabled=!1!==t.enabled,t.listeners){const o=i(t.listeners),r=Object.keys(o).reduce((e,t)=>(e[/^(enter|leave)/.test(t)?"drag"+t:/^(activate|deactivate|move)/.test(t)?"drop"+t:t]=o[t],e),{});e.off(e.options.drop.listeners),e.on(r),e.options.drop.listeners=r}return a.func(t.ondrop)&&e.on("drop",t.ondrop),a.func(t.ondropactivate)&&e.on("dropactivate",t.ondropactivate),a.func(t.ondropdeactivate)&&e.on("dropdeactivate",t.ondropdeactivate),a.func(t.ondragenter)&&e.on("dragenter",t.ondragenter),a.func(t.ondragleave)&&e.on("dragleave",t.ondragleave),a.func(t.ondropmove)&&e.on("dropmove",t.ondropmove),/^(pointer|center)$/.test(t.overlap)?e.options.drop.overlap=t.overlap:a.number(t.overlap)&&(e.options.drop.overlap=Math.max(Math.min(1,t.overlap),0)),"accept"in t&&(e.options.drop.accept=t.accept),"checker"in t&&(e.options.drop.checker=t.checker),e}if(a.bool(t))return e.options.drop.enabled=t,e;return e.options.drop}(this,e)},d.prototype.dropCheck=function(e,t,o,r,i,c){return function(e,t,o,r,i,c,d){let l=!1;if(!(d=d||e.getRect(c)))return!!e.options.drop.checker&&e.options.drop.checker(t,o,l,e,c,r,i);const s=e.options.drop.overlap;if("pointer"===s){const e=n(r,i,"drag"),o=p.getPageXY(t);o.x+=e.x,o.y+=e.y;const a=o.x>d.left&&o.x<d.right,c=o.y>d.top&&o.y<d.bottom;l=a&&c}const v=r.getRect(i);if(v&&"center"===s){const e=v.left+v.width/2,t=v.top+v.height/2;l=e>=d.left&&e<=d.right&&t>=d.top&&t<=d.bottom}if(v&&a.number(s)){const e=Math.max(0,Math.min(d.right,v.right)-Math.max(d.left,v.left))*Math.max(0,Math.min(d.bottom,v.bottom)-Math.max(d.top,v.top))/(v.width*v.height);l=e>=s}e.options.drop.checker&&(l=e.options.drop.checker(t,o,l,e,c,r,i));return l}(this,e,t,o,r,i,c)},o.dynamicDrop=t=>a.bool(t)?(e.dynamicDrop=t,o):e.dynamicDrop,r(t.phaselessTypes,{dragenter:!0,dragleave:!0,dropactivate:!0,dropdeactivate:!0,dropmove:!0,drop:!0}),t.methodDict.drop="dropzone",e.dynamicDrop=!1,l.actions.drop=g.defaults},listeners:{"interactions:before-action-start"({interaction:e}){"drag"===e.prepared.name&&(e.dropState={cur:{dropzone:null,element:null},prev:{dropzone:null,element:null},rejected:null,events:null,activeDrops:[]})},"interactions:after-action-start"({interaction:e,event:t,iEvent:o},r){if("drag"!==e.prepared.name)return;const{dropState:n}=e;n.activeDrops=null,n.events=null,n.activeDrops=s(r,e.element),n.events=m(e,0,o),n.events.activate&&(l(n.activeDrops,n.events.activate),r.fire("actions/drop:start",{interaction:e,dragEvent:o}))},"interactions:action-move":f,"interactions:action-end":f,"interactions:after-action-move"({interaction:e,iEvent:t},o){"drag"===e.prepared.name&&(u(e,e.dropState.events),o.fire("actions/drop:move",{interaction:e,dragEvent:t}),e.dropState.events={})},"interactions:after-action-end"({interaction:e,iEvent:t},o){"drag"===e.prepared.name&&(u(e,e.dropState.events),o.fire("actions/drop:end",{interaction:e,dragEvent:t}))},"interactions:stop"({interaction:e}){if("drag"!==e.prepared.name)return;const{dropState:t}=e;t&&(t.activeDrops=null,t.events=null,t.cur.dropzone=null,t.cur.element=null,t.prev.dropzone=null,t.prev.element=null,t.rejected=!1)}},getActiveDrops:s,getDrop:v,getDropEvents:m,fireDropEvents:u,defaults:{enabled:!1,accept:null,overlap:"pointer"}};export default g;
//# sourceMappingURL=plugin.min.js.map
{
"name": "@interactjs/actions",
"version": "1.9.18",
"version": "1.9.19",
"license": "MIT",
"peerDependencies": {
"@interactjs/core": "1.9.18",
"@interactjs/utils": "1.9.18"
"@interactjs/core": "1.9.19",
"@interactjs/utils": "1.9.19"
},
"optionalDependencies": {
"@interactjs/interact": "1.9.18"
"@interactjs/interact": "1.9.19"
},

@@ -12,0 +12,0 @@ "publishConfig": {

@@ -1,5 +0,5 @@

import drag from './drag/plugin';
import drop from './drop/plugin';
import gesture from './gesture/plugin';
import resize from './resize/plugin';
import drag from "./drag/plugin.js";
import drop from "./drop/plugin.js";
import gesture from "./gesture/plugin.js";
import resize from "./resize/plugin.js";
export default {

@@ -6,0 +6,0 @@ id: 'actions',

@@ -1,2 +0,2 @@

import i from"./drag/plugin";import u from"./drop/plugin";import r from"./gesture/plugin";import l from"./resize/plugin";export default{id:"actions",install(o){o.usePlugin(r),o.usePlugin(l),o.usePlugin(i),o.usePlugin(u)}};
import i from"./drag/plugin.min.js";import n from"./drop/plugin.min.js";import u from"./gesture/plugin.min.js";import r from"./resize/plugin.min.js";export default{id:"actions",install(m){m.usePlugin(u),m.usePlugin(r),m.usePlugin(i),m.usePlugin(n)}};
//# sourceMappingURL=plugin.min.js.map

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc