Socket
Socket
Sign inDemoInstall

@interactjs/inertia

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/inertia - npm Package Compare versions

Comparing version 1.10.24 to 1.10.25

11

index.js

@@ -0,6 +1,9 @@

"use strict";
var _plugin = _interopRequireDefault(require("./plugin.js"));
var _index = _interopRequireDefault(require("../interact/index.js"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/* eslint-disable no-console, eol-last, import/no-duplicates, import/no-extraneous-dependencies, import/order */
import "./plugin.js";
import interact from "../interact/index.js";
import plugin from "./plugin.js";
interact.use(plugin);
_index.default.use(_plugin.default);
//# sourceMappingURL=index.js.map

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

import"./plugin.prod.js";import r from"../interact/index.prod.js";import o from"./plugin.prod.js";r.use(o);
var e=r(require("./plugin.prod.js"));function r(e){return e&&e.__esModule?e:{default:e}}r(require("../interact/index.prod.js")).default.use(e.default);
//# sourceMappingURL=index.prod.js.map
{
"name": "@interactjs/inertia",
"version": "1.10.24",
"version": "1.10.25",
"main": "index",

@@ -13,11 +13,11 @@ "module": "index",

"dependencies": {
"@interactjs/offset": "1.10.24"
"@interactjs/offset": "1.10.25"
},
"peerDependencies": {
"@interactjs/core": "1.10.24",
"@interactjs/modifiers": "1.10.24",
"@interactjs/utils": "1.10.24"
"@interactjs/core": "1.10.25",
"@interactjs/modifiers": "1.10.25",
"@interactjs/utils": "1.10.25"
},
"optionalDependencies": {
"@interactjs/interact": "1.10.24"
"@interactjs/interact": "1.10.25"
},

@@ -32,3 +32,3 @@ "publishConfig": {

"license": "MIT",
"gitHead": "86c64a3f"
"gitHead": "ee3c52c4"
}

@@ -0,13 +1,22 @@

"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.InertiaState = void 0;
var modifiers = _interopRequireWildcard(require("../modifiers/base.js"));
var _plugin = _interopRequireDefault(require("../offset/plugin.js"));
var _Modification = require("../modifiers/Modification.js");
var dom = _interopRequireWildcard(require("../utils/domUtils.js"));
var _hypot = _interopRequireDefault(require("../utils/hypot.js"));
var _is = _interopRequireDefault(require("../utils/is.js"));
var _pointerUtils = require("../utils/pointerUtils.js");
var _raf = _interopRequireDefault(require("../utils/raf.js"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
/* eslint-disable import/no-duplicates -- for typescript module augmentations */
import "../modifiers/base.js";
import "../offset/plugin.js";
import * as modifiers from "../modifiers/base.js";
import { Modification } from "../modifiers/Modification.js";
import offset from "../offset/plugin.js";
/* eslint-enable import/no-duplicates */
import * as dom from "../utils/domUtils.js";
import hypot from "../utils/hypot.js";
import is from "../utils/is.js";
import { copyCoords } from "../utils/pointerUtils.js";
import raf from "../utils/raf.js";
function install(scope) {

@@ -17,3 +26,3 @@ const {

} = scope;
scope.usePlugin(offset);
scope.usePlugin(_plugin.default);
scope.usePlugin(modifiers.default);

@@ -35,3 +44,3 @@ scope.actions.phases.inertiastart = true;

}
export class InertiaState {
class InertiaState {
active = false;

@@ -69,4 +78,4 @@ isModified = false;

} = interaction.coords.velocity;
const pointerSpeed = hypot(velocityClient.x, velocityClient.y);
const modification = this.modification || (this.modification = new Modification(interaction));
const pointerSpeed = (0, _hypot.default)(velocityClient.x, velocityClient.y);
const modification = this.modification || (this.modification = new _Modification.Modification(interaction));
modification.copyFrom(interaction.modification);

@@ -157,3 +166,3 @@ this.t0 = interaction._now();

onNextFrame(tickFn) {
this.timeout = raf.request(() => {
this.timeout = _raf.default.request(() => {
if (this.active) {

@@ -255,3 +264,3 @@ tickFn();

});
copyCoords(interaction.coords.prev, interaction.coords.cur);
(0, _pointerUtils.copyCoords)(interaction.coords.prev, interaction.coords.cur);
this.stop();

@@ -267,5 +276,6 @@ }

this.interaction.simulation = null;
raf.cancel(this.timeout);
_raf.default.cancel(this.timeout);
}
}
exports.InertiaState = InertiaState;
function start({

@@ -296,3 +306,3 @@ interaction,

// climb up the DOM tree from the event target
while (is.element(element)) {
while (_is.default.element(element)) {
// if interaction element is the current inertia target element

@@ -366,3 +376,3 @@ if (element === interaction.element) {

}
export default inertia;
var _default = exports.default = inertia;
//# sourceMappingURL=plugin.js.map

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

import"../modifiers/base.prod.js";import"../offset/plugin.prod.js";import*as t from"../modifiers/base.prod.js";import{Modification as i}from"../modifiers/Modification.prod.js";import e from"../offset/plugin.prod.js";import*as s from"../utils/domUtils.prod.js";import o from"../utils/hypot.prod.js";import r from"../utils/is.prod.js";import{copyCoords as n}from"../utils/pointerUtils.prod.js";import a from"../utils/raf.prod.js";export class InertiaState{active=!1;isModified=!1;smoothEnd=!1;allowResume=!1;modification;modifierCount=0;modifierArg;startCoords;t0=0;v0=0;te=0;targetOffset;modifiedOffset;currentOffset;lambda_v0=0;one_ve_v0=0;timeout;interaction;constructor(t){this.interaction=t}start(t){const{interaction:e}=this,s=f(e);if(!s||!s.enabled)return!1;const{client:r}=e.coords.velocity,n=o(r.x,r.y),a=this.modification||(this.modification=new i(e));if(a.copyFrom(e.modification),this.t0=e._now(),this.allowResume=s.allowResume,this.v0=n,this.currentOffset={x:0,y:0},this.startCoords=e.coords.cur.page,this.modifierArg=a.fillArg({pageCoords:this.startCoords,preEnd:!0,phase:"inertiastart"}),this.t0-e.coords.cur.timeStamp<50&&n>s.minSpeed&&n>s.endSpeed)this.startInertia();else{if(a.result=a.setAll(this.modifierArg),!a.result.changed)return!1;this.startSmoothEnd()}return e.modification.result.rect=null,e.offsetBy(this.targetOffset),e._doPhase({interaction:e,event:t,phase:"inertiastart"}),e.offsetBy({x:-this.targetOffset.x,y:-this.targetOffset.y}),e.modification.result.rect=null,this.active=!0,e.simulation=this,!0}startInertia(){const t=this.interaction.coords.velocity.client,i=f(this.interaction),e=i.resistance,s=-Math.log(i.endSpeed/this.v0)/e;this.targetOffset={x:(t.x-s)/e,y:(t.y-s)/e},this.te=s,this.lambda_v0=e/this.v0,this.one_ve_v0=1-i.endSpeed/this.v0;const{modification:o,modifierArg:r}=this;r.pageCoords={x:this.startCoords.x+this.targetOffset.x,y:this.startCoords.y+this.targetOffset.y},o.result=o.setAll(r),o.result.changed&&(this.isModified=!0,this.modifiedOffset={x:this.targetOffset.x+o.result.delta.x,y:this.targetOffset.y+o.result.delta.y}),this.onNextFrame((()=>this.inertiaTick()))}startSmoothEnd(){this.smoothEnd=!0,this.isModified=!0,this.targetOffset={x:this.modification.result.delta.x,y:this.modification.result.delta.y},this.onNextFrame((()=>this.smoothEndTick()))}onNextFrame(t){this.timeout=a.request((()=>{this.active&&t()}))}inertiaTick(){const{interaction:t}=this,i=f(t).resistance,e=(t._now()-this.t0)/1e3;if(e<this.te){const f=1-(Math.exp(-i*e)-this.lambda_v0)/this.one_ve_v0;let c;this.isModified?(0,0,s=this.targetOffset.x,o=this.targetOffset.y,r=this.modifiedOffset.x,n=this.modifiedOffset.y,c={x:d(a=f,0,s,r),y:d(a,0,o,n)}):c={x:this.targetOffset.x*f,y:this.targetOffset.y*f};const h={x:c.x-this.currentOffset.x,y:c.y-this.currentOffset.y};this.currentOffset.x+=h.x,this.currentOffset.y+=h.y,t.offsetBy(h),t.move(),this.onNextFrame((()=>this.inertiaTick()))}else t.offsetBy({x:this.modifiedOffset.x-this.currentOffset.x,y:this.modifiedOffset.y-this.currentOffset.y}),this.end();var s,o,r,n,a}smoothEndTick(){const{interaction:t}=this,i=t._now()-this.t0,{smoothEndDuration:e}=f(t);if(i<e){const s={x:h(i,0,this.targetOffset.x,e),y:h(i,0,this.targetOffset.y,e)},o={x:s.x-this.currentOffset.x,y:s.y-this.currentOffset.y};this.currentOffset.x+=o.x,this.currentOffset.y+=o.y,t.offsetBy(o),t.move({skipModifiers:this.modifierCount}),this.onNextFrame((()=>this.smoothEndTick()))}else t.offsetBy({x:this.targetOffset.x-this.currentOffset.x,y:this.targetOffset.y-this.currentOffset.y}),this.end()}resume({pointer:t,event:i,eventTarget:e}){const{interaction:s}=this;s.offsetBy({x:-this.currentOffset.x,y:-this.currentOffset.y}),s.updatePointer(t,i,e,!0),s._doPhase({interaction:s,event:i,phase:"resume"}),n(s.coords.prev,s.coords.cur),this.stop()}end(){this.interaction.move(),this.interaction.end(),this.stop()}stop(){this.active=this.smoothEnd=!1,this.interaction.simulation=null,a.cancel(this.timeout)}}function f({interactable:t,prepared:i}){return t&&t.options&&i.name&&t.options[i.name].inertia}const c={id:"inertia",before:["modifiers","actions"],install(i){const{defaults:s}=i;i.usePlugin(e),i.usePlugin(t.default),i.actions.phases.inertiastart=!0,i.actions.phases.resume=!0,s.perAction.inertia={enabled:!1,resistance:10,minSpeed:100,endSpeed:10,allowResume:!0,smoothEndDuration:300}},listeners:{"interactions:new"({interaction:t}){t.inertia=new InertiaState(t)},"interactions:before-action-end":({interaction:t,event:i})=>(!t._interacting||t.simulation||!t.inertia.start(i))&&null,"interactions:down"(t){const{interaction:i,eventTarget:e}=t,o=i.inertia;if(!o.active)return;let n=e;for(;r.element(n);){if(n===i.element){o.resume(t);break}n=s.parentNode(n)}},"interactions:stop"({interaction:t}){const i=t.inertia;i.active&&i.stop()},"interactions:before-action-resume"(t){const{modification:i}=t.interaction;i.stop(t),i.start(t,t.interaction.coords.cur.page),i.applyToInteraction(t)},"interactions:before-action-inertiastart":t=>t.interaction.modification.setAndApply(t),"interactions:action-resume":t.addEventModifiers,"interactions:action-inertiastart":t.addEventModifiers,"interactions:after-action-inertiastart":t=>t.interaction.modification.restoreInteractionCoords(t),"interactions:after-action-resume":t=>t.interaction.modification.restoreInteractionCoords(t)}};function d(t,i,e,s){const o=1-t;return o*o*i+2*o*t*e+t*t*s}function h(t,i,e,s){return-e*(t/=s)*(t-2)+i}export default c;
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.InertiaState=void 0;var t=d(require("../modifiers/base.prod.js")),e=f(require("../offset/plugin.prod.js")),i=require("../modifiers/Modification.prod.js"),s=d(require("../utils/domUtils.prod.js")),r=f(require("../utils/hypot.prod.js")),o=f(require("../utils/is.prod.js")),n=require("../utils/pointerUtils.prod.js"),a=f(require("../utils/raf.prod.js"));function f(t){return t&&t.__esModule?t:{default:t}}function c(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,i=new WeakMap;return(c=t=>t?i:e)(t)}function d(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var i=c(e);if(i&&i.has(t))return i.get(t);var s={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if("default"!==o&&Object.prototype.hasOwnProperty.call(t,o)){var n=r?Object.getOwnPropertyDescriptor(t,o):null;n&&(n.get||n.set)?Object.defineProperty(s,o,n):s[o]=t[o]}return s.default=t,i&&i.set(t,s),s}class h{active=!1;isModified=!1;smoothEnd=!1;allowResume=!1;modification;modifierCount=0;modifierArg;startCoords;t0=0;v0=0;te=0;targetOffset;modifiedOffset;currentOffset;lambda_v0=0;one_ve_v0=0;timeout;interaction;constructor(t){this.interaction=t}start(t){const{interaction:e}=this,s=u(e);if(!s||!s.enabled)return!1;const{client:o}=e.coords.velocity,n=(0,r.default)(o.x,o.y),a=this.modification||(this.modification=new i.Modification(e));if(a.copyFrom(e.modification),this.t0=e._now(),this.allowResume=s.allowResume,this.v0=n,this.currentOffset={x:0,y:0},this.startCoords=e.coords.cur.page,this.modifierArg=a.fillArg({pageCoords:this.startCoords,preEnd:!0,phase:"inertiastart"}),this.t0-e.coords.cur.timeStamp<50&&n>s.minSpeed&&n>s.endSpeed)this.startInertia();else{if(a.result=a.setAll(this.modifierArg),!a.result.changed)return!1;this.startSmoothEnd()}return e.modification.result.rect=null,e.offsetBy(this.targetOffset),e._doPhase({interaction:e,event:t,phase:"inertiastart"}),e.offsetBy({x:-this.targetOffset.x,y:-this.targetOffset.y}),e.modification.result.rect=null,this.active=!0,e.simulation=this,!0}startInertia(){const t=this.interaction.coords.velocity.client,e=u(this.interaction),i=e.resistance,s=-Math.log(e.endSpeed/this.v0)/i;this.targetOffset={x:(t.x-s)/i,y:(t.y-s)/i},this.te=s,this.lambda_v0=i/this.v0,this.one_ve_v0=1-e.endSpeed/this.v0;const{modification:r,modifierArg:o}=this;o.pageCoords={x:this.startCoords.x+this.targetOffset.x,y:this.startCoords.y+this.targetOffset.y},r.result=r.setAll(o),r.result.changed&&(this.isModified=!0,this.modifiedOffset={x:this.targetOffset.x+r.result.delta.x,y:this.targetOffset.y+r.result.delta.y}),this.onNextFrame((()=>this.inertiaTick()))}startSmoothEnd(){this.smoothEnd=!0,this.isModified=!0,this.targetOffset={x:this.modification.result.delta.x,y:this.modification.result.delta.y},this.onNextFrame((()=>this.smoothEndTick()))}onNextFrame(t){this.timeout=a.default.request((()=>{this.active&&t()}))}inertiaTick(){const{interaction:t}=this,e=u(t).resistance,i=(t._now()-this.t0)/1e3;if(i<this.te){const f=1-(Math.exp(-e*i)-this.lambda_v0)/this.one_ve_v0;let c;this.isModified?(0,0,s=this.targetOffset.x,r=this.targetOffset.y,o=this.modifiedOffset.x,n=this.modifiedOffset.y,c={x:m(a=f,0,s,o),y:m(a,0,r,n)}):c={x:this.targetOffset.x*f,y:this.targetOffset.y*f};const d={x:c.x-this.currentOffset.x,y:c.y-this.currentOffset.y};this.currentOffset.x+=d.x,this.currentOffset.y+=d.y,t.offsetBy(d),t.move(),this.onNextFrame((()=>this.inertiaTick()))}else t.offsetBy({x:this.modifiedOffset.x-this.currentOffset.x,y:this.modifiedOffset.y-this.currentOffset.y}),this.end();var s,r,o,n,a}smoothEndTick(){const{interaction:t}=this,e=t._now()-this.t0,{smoothEndDuration:i}=u(t);if(e<i){const s={x:p(e,0,this.targetOffset.x,i),y:p(e,0,this.targetOffset.y,i)},r={x:s.x-this.currentOffset.x,y:s.y-this.currentOffset.y};this.currentOffset.x+=r.x,this.currentOffset.y+=r.y,t.offsetBy(r),t.move({skipModifiers:this.modifierCount}),this.onNextFrame((()=>this.smoothEndTick()))}else t.offsetBy({x:this.targetOffset.x-this.currentOffset.x,y:this.targetOffset.y-this.currentOffset.y}),this.end()}resume({pointer:t,event:e,eventTarget:i}){const{interaction:s}=this;s.offsetBy({x:-this.currentOffset.x,y:-this.currentOffset.y}),s.updatePointer(t,e,i,!0),s._doPhase({interaction:s,event:e,phase:"resume"}),(0,n.copyCoords)(s.coords.prev,s.coords.cur),this.stop()}end(){this.interaction.move(),this.interaction.end(),this.stop()}stop(){this.active=this.smoothEnd=!1,this.interaction.simulation=null,a.default.cancel(this.timeout)}}function u({interactable:t,prepared:e}){return t&&t.options&&e.name&&t.options[e.name].inertia}exports.InertiaState=h;const l={id:"inertia",before:["modifiers","actions"],install(i){const{defaults:s}=i;i.usePlugin(e.default),i.usePlugin(t.default),i.actions.phases.inertiastart=!0,i.actions.phases.resume=!0,s.perAction.inertia={enabled:!1,resistance:10,minSpeed:100,endSpeed:10,allowResume:!0,smoothEndDuration:300}},listeners:{"interactions:new"({interaction:t}){t.inertia=new h(t)},"interactions:before-action-end":({interaction:t,event:e})=>(!t._interacting||t.simulation||!t.inertia.start(e))&&null,"interactions:down"(t){const{interaction:e,eventTarget:i}=t,r=e.inertia;if(!r.active)return;let n=i;for(;o.default.element(n);){if(n===e.element){r.resume(t);break}n=s.parentNode(n)}},"interactions:stop"({interaction:t}){const e=t.inertia;e.active&&e.stop()},"interactions:before-action-resume"(t){const{modification:e}=t.interaction;e.stop(t),e.start(t,t.interaction.coords.cur.page),e.applyToInteraction(t)},"interactions:before-action-inertiastart":t=>t.interaction.modification.setAndApply(t),"interactions:action-resume":t.addEventModifiers,"interactions:action-inertiastart":t.addEventModifiers,"interactions:after-action-inertiastart":t=>t.interaction.modification.restoreInteractionCoords(t),"interactions:after-action-resume":t=>t.interaction.modification.restoreInteractionCoords(t)}};function m(t,e,i,s){const r=1-t;return r*r*e+2*r*t*i+t*t*s}function p(t,e,i,s){return-i*(t/=s)*(t-2)+e}exports.default=l;
//# sourceMappingURL=plugin.prod.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