@daybrush/drag - npm Package Compare versions

Comparing version 0.18.5 to 0.18.6

dist/drag.cjs.js

@@ -7,3 +7,3 @@ /*
 repository: git+https://github.com/daybrush/drag.git
-version: 0.18.5
+version: 0.18.6
 */
@@ -217,3 +217,5 @@ 'use strict';
         setTimeout(function () {
-          utils.addEvent(container, "touchstart", _this.onDragStart);
+          utils.addEvent(container, "touchstart", _this.onDragStart, {
+            passive: false
+          });
         });
@@ -220,0 +222,0 @@ }

dist/drag.esm.js

@@ -7,3 +7,3 @@ /*
 repository: git+https://github.com/daybrush/drag.git
-version: 0.18.5
+version: 0.18.6
 */
@@ -215,3 +215,5 @@ import { removeEvent, addEvent, now } from '@daybrush/utils';
         setTimeout(function () {
-          addEvent(container, "touchstart", _this.onDragStart);
+          addEvent(container, "touchstart", _this.onDragStart, {
+            passive: false
+          });
         });
@@ -218,0 +220,0 @@ }

dist/drag.js

@@ -7,3 +7,3 @@ /*
 repository: git+https://github.com/daybrush/drag.git
-version: 0.18.5
+version: 0.18.6
 */
@@ -277,3 +277,5 @@ (function (global, factory) {
             setTimeout(function () {
-              addEvent(container, "touchstart", _this.onDragStart);
+              addEvent(container, "touchstart", _this.onDragStart, {
+                passive: false
+              });
             });
@@ -280,0 +282,0 @@ }

dist/drag.min.js

@@ -7,5 +7,5 @@ /*
 repository: git+https://github.com/daybrush/drag.git
-version: 0.18.5
+version: 0.18.6
 */
-!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t=t||self).Dragger=i()}(this,function(){"use strict";var m=function(){return(m=Object.assign||function(t){for(var i,n=1,e=arguments.length;n<e;n++)for(var s in i=arguments[n])Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s]);return t}).apply(this,arguments)};function l(t){return function(t,i){var n=i[0]-t[0],e=i[1]-t[1],s=Math.atan2(e,n);return 0<=s?s:s+2*Math.PI}([t[0].clientX,t[0].clientY],[t[1].clientX,t[1].clientY])/Math.PI*180}function u(t,i,n,e){var s=v(t),a=v(i),r=v(e);return E(o(e[0],h(s,r)),o(e[0],h(a,r)),n[0])}function C(t){return t.touches?p(t.touches):[s(t)]}function E(t,i,n){var e=t.clientX,s=t.clientY;return{clientX:e,clientY:s,deltaX:e-i.clientX,deltaY:s-i.clientY,distX:e-n.clientX,distY:s-n.clientY}}function f(t){return Math.sqrt(Math.pow(t[0].clientX-t[1].clientX,2)+Math.pow(t[0].clientY-t[1].clientY,2))}function g(t,n,e){return t.map(function(t,i){return E(t,n[i],e[i])})}function p(t){for(var i=Math.min(t.length,2),n=[],e=0;e<i;++e)n.push(s(t[e]));return n}function s(t){return{clientX:t.clientX,clientY:t.clientY}}function v(t){return 1===t.length?t[0]:{clientX:(t[0].clientX+t[1].clientX)/2,clientY:(t[0].clientY+t[1].clientY)/2}}function o(t,i){return{clientX:t.clientX+i.clientX,clientY:t.clientY+i.clientY}}function h(t,i){return{clientX:t.clientX-i.clientX,clientY:t.clientY-i.clientY}}function X(){return Date.now?Date.now():(new Date).getTime()}function Y(t,i,n,e){t.addEventListener(i,n,e)}function P(t,i,n){t.removeEventListener(i,n)}var y=["textarea","input"],n=function(){function t(t,i){var D=this;void 0===i&&(i={}),this.options={},this.flag=!1,this.pinchFlag=!1,this.datas={},this.isDrag=!1,this.isPinch=!1,this.isMouse=!1,this.isTouch=!1,this.prevClients=[],this.startClients=[],this.movement=0,this.startPinchClients=[],this.startDistance=0,this.customDist=[0,0],this.targets=[],this.prevTime=0,this.isDouble=!1,this.startRotate=0,this.onDragStart=function(t){if(D.flag||!1!==t.cancelable){var i=D.options,n=i.container,e=i.pinchOutside,s=i.dragstart,a=i.preventRightClick,r=i.preventDefault,o=i.checkInput,h=D.isTouch;if(!D.flag){var c=document.activeElement,l=t.target,u=l.tagName.toLowerCase(),f=-1<y.indexOf(u),g=l.isContentEditable;if(f||g){if(o||c===l)return!1;if(c&&g&&c.isContentEditable&&c.contains(l))return!1}else if((r||"touchstart"===t.type)&&c){var p=c.tagName;(c.isContentEditable||-1<y.indexOf(p))&&c.blur()}}if(!D.flag&&h&&e&&setTimeout(function(){Y(n,"touchstart",D.onDragStart)}),D.flag&&h&&e&&P(n,"touchstart",D.onDragStart),function(t){return t.touches&&2<=t.touches.length}(t)){if(!D.flag&&t.touches.length!==t.changedTouches.length)return;D.pinchFlag||D.onPinchStart(t)}if(!D.flag){var v=D.startClients[0]?D.startClients:C(t);D.customDist=[0,0],D.flag=!0,D.isDrag=!1,D.startClients=v,D.prevClients=v,D.datas={};var d=E(v[D.movement=0],D.prevClients[0],D.startClients[0]);if(a&&(3===t.which||2===t.button))return D.initDrag(),!1;!1===(s&&s(m({type:"dragstart",datas:D.datas,inputEvent:t},d)))&&D.initDrag(),D.isDouble=X()-D.prevTime<200,D.flag&&r&&t.preventDefault()}}},this.onDrag=function(t,i){if(D.flag){var n=C(t);D.pinchFlag&&D.onPinch(t,n);var e=D.move([0,0],t,n);if(e&&(e.deltaX||e.deltaY)){var s=D.options.drag;s&&s(m({},e,{isScroll:!!i,inputEvent:t}))}}},this.onDragEnd=function(t){if(D.flag){var i=D.options,n=i.dragend,e=i.pinchOutside,s=i.container;D.isTouch&&e&&P(s,"touchstart",D.onDragStart),D.pinchFlag&&D.onPinchEnd(t),D.flag=!1;var a=D.prevClients,r=D.startClients,o=D.pinchFlag?u(a,a,r,D.startPinchClients):E(a[0],a[0],r[0]),h=X(),c=!D.isDrag&&D.isDouble;D.prevTime=D.isDrag||c?0:h,D.startClients=[],D.prevClients=[],n&&n(m({type:"dragend",datas:D.datas,isDouble:c,isDrag:D.isDrag,inputEvent:t},o))}};var n=[].concat(t);this.options=m({checkInput:!1,container:1<n.length?window:n[0],preventRightClick:!0,preventDefault:!0,pinchThreshold:0,events:["touch","mouse"]},i);var e=this.options,s=e.container,a=e.events;if(this.isTouch=-1<a.indexOf("touch"),this.isMouse=-1<a.indexOf("mouse"),this.customDist=[0,0],this.targets=n,this.isMouse&&(n.forEach(function(t){Y(t,"mousedown",D.onDragStart)}),Y(s,"mousemove",this.onDrag),Y(s,"mouseup",this.onDragEnd),Y(s,"contextmenu",this.onDragEnd)),this.isTouch){var r={passive:!1};n.forEach(function(t){Y(t,"touchstart",D.onDragStart,r)}),Y(s,"touchmove",this.onDrag,r),Y(s,"touchend",this.onDragEnd,r),Y(s,"touchcancel",this.onDragEnd,r)}}var i=t.prototype;return i.isDragging=function(){return this.isDrag},i.isFlag=function(){return this.flag},i.isPinchFlag=function(){return this.pinchFlag},i.isPinching=function(){return this.isPinch},i.scrollBy=function(i,n,t,e){void 0===e&&(e=!0),this.flag&&(this.startClients.forEach(function(t){t.clientX-=i,t.clientY-=n}),this.prevClients.forEach(function(t){t.clientX-=i,t.clientY-=n}),e&&this.onDrag(t,!0))},i.move=function(t,i,n){var e=t[0],s=t[1];void 0===n&&(n=this.prevClients);var a=this.customDist,r=this.prevClients,o=this.startClients,h=this.pinchFlag?u(n,r,o,this.startPinchClients):E(n[0],r[0],o[0]);a[0]+=e,a[1]+=s,h.deltaX+=e,h.deltaY+=s;var c=h.deltaX,l=h.deltaY;return h.distX+=a[0],h.distY+=a[1],this.movement+=Math.sqrt(c*c+l*l),this.prevClients=n,this.isDrag=!0,m({type:"drag",datas:this.datas},h,{movement:this.movement,isDrag:this.isDrag,isPinch:this.isPinch,isScroll:!1,inputEvent:i})},i.onPinchStart=function(t){var i,n,e=this.options,s=e.pinchstart,a=e.pinchThreshold;if(!(this.isDrag&&this.movement>a)){var r=p(t.changedTouches);if(this.pinchFlag=!0,(i=this.startClients).push.apply(i,r),(n=this.prevClients).push.apply(n,r),this.startDistance=f(this.prevClients),this.startPinchClients=this.prevClients.slice(),s){var o=this.prevClients,h=v(o),c=E(h,h,h);this.startRotate=l(o),s(m({type:"pinchstart",datas:this.datas,angle:this.startRotate,touches:g(o,o,o)},c,{inputEvent:t}))}}},i.onPinch=function(t,i){if(this.flag&&this.pinchFlag&&!(i.length<2)){this.isPinch=!0;var n=this.options.pinch;if(n){var e=this.prevClients,s=this.startClients,a=E(v(i),v(e),v(s)),r=l(i),o=f(i);n(m({type:"pinch",datas:this.datas,movement:this.movement,angle:r,rotation:r-this.startRotate,touches:g(i,e,s),scale:o/this.startDistance,distance:o},a,{inputEvent:t}))}}},i.onPinchEnd=function(t){if(this.flag&&this.pinchFlag){var i=this.isPinch;this.isPinch=!1,this.pinchFlag=!1;var n=this.options.pinchend;if(n){var e=this.prevClients,s=this.startClients,a=E(v(e),v(e),v(s));n(m({type:"pinchend",datas:this.datas,isPinch:i,touches:g(e,e,s)},a,{inputEvent:t})),this.isPinch=!1,this.pinchFlag=!1}}},i.unset=function(){var i=this,t=this.targets,n=this.options.container;this.isMouse&&(t.forEach(function(t){P(t,"mousedown",i.onDragStart)}),P(n,"mousemove",this.onDrag),P(n,"mouseup",this.onDragEnd),P(n,"contextmenu",this.onDragEnd)),this.isTouch&&(t.forEach(function(t){P(t,"touchstart",i.onDragStart)}),P(n,"touchstart",this.onDragStart),P(n,"touchmove",this.onDrag),P(n,"touchend",this.onDragEnd),P(n,"touchcancel",this.onDragEnd))},i.initDrag=function(){this.startClients=[],this.prevClients=[],this.flag=!1},t}();var t={default:n,drag:function(t,i){return new n(t,i)}};for(var i in t)n[i]=t[i];return n});
+!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t=t||self).Dragger=i()}(this,function(){"use strict";var m=function(){return(m=Object.assign||function(t){for(var i,n=1,e=arguments.length;n<e;n++)for(var s in i=arguments[n])Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s]);return t}).apply(this,arguments)};function l(t){return function(t,i){var n=i[0]-t[0],e=i[1]-t[1],s=Math.atan2(e,n);return 0<=s?s:s+2*Math.PI}([t[0].clientX,t[0].clientY],[t[1].clientX,t[1].clientY])/Math.PI*180}function u(t,i,n,e){var s=v(t),a=v(i),r=v(e);return E(o(e[0],h(s,r)),o(e[0],h(a,r)),n[0])}function C(t){return t.touches?p(t.touches):[s(t)]}function E(t,i,n){var e=t.clientX,s=t.clientY;return{clientX:e,clientY:s,deltaX:e-i.clientX,deltaY:s-i.clientY,distX:e-n.clientX,distY:s-n.clientY}}function f(t){return Math.sqrt(Math.pow(t[0].clientX-t[1].clientX,2)+Math.pow(t[0].clientY-t[1].clientY,2))}function g(t,n,e){return t.map(function(t,i){return E(t,n[i],e[i])})}function p(t){for(var i=Math.min(t.length,2),n=[],e=0;e<i;++e)n.push(s(t[e]));return n}function s(t){return{clientX:t.clientX,clientY:t.clientY}}function v(t){return 1===t.length?t[0]:{clientX:(t[0].clientX+t[1].clientX)/2,clientY:(t[0].clientY+t[1].clientY)/2}}function o(t,i){return{clientX:t.clientX+i.clientX,clientY:t.clientY+i.clientY}}function h(t,i){return{clientX:t.clientX-i.clientX,clientY:t.clientY-i.clientY}}function X(){return Date.now?Date.now():(new Date).getTime()}function Y(t,i,n,e){t.addEventListener(i,n,e)}function P(t,i,n){t.removeEventListener(i,n)}var y=["textarea","input"],n=function(){function t(t,i){var D=this;void 0===i&&(i={}),this.options={},this.flag=!1,this.pinchFlag=!1,this.datas={},this.isDrag=!1,this.isPinch=!1,this.isMouse=!1,this.isTouch=!1,this.prevClients=[],this.startClients=[],this.movement=0,this.startPinchClients=[],this.startDistance=0,this.customDist=[0,0],this.targets=[],this.prevTime=0,this.isDouble=!1,this.startRotate=0,this.onDragStart=function(t){if(D.flag||!1!==t.cancelable){var i=D.options,n=i.container,e=i.pinchOutside,s=i.dragstart,a=i.preventRightClick,r=i.preventDefault,o=i.checkInput,h=D.isTouch;if(!D.flag){var c=document.activeElement,l=t.target,u=l.tagName.toLowerCase(),f=-1<y.indexOf(u),g=l.isContentEditable;if(f||g){if(o||c===l)return!1;if(c&&g&&c.isContentEditable&&c.contains(l))return!1}else if((r||"touchstart"===t.type)&&c){var p=c.tagName;(c.isContentEditable||-1<y.indexOf(p))&&c.blur()}}if(!D.flag&&h&&e&&setTimeout(function(){Y(n,"touchstart",D.onDragStart,{passive:!1})}),D.flag&&h&&e&&P(n,"touchstart",D.onDragStart),function(t){return t.touches&&2<=t.touches.length}(t)){if(!D.flag&&t.touches.length!==t.changedTouches.length)return;D.pinchFlag||D.onPinchStart(t)}if(!D.flag){var v=D.startClients[0]?D.startClients:C(t);D.customDist=[0,0],D.flag=!0,D.isDrag=!1,D.startClients=v,D.prevClients=v,D.datas={};var d=E(v[D.movement=0],D.prevClients[0],D.startClients[0]);if(a&&(3===t.which||2===t.button))return D.initDrag(),!1;!1===(s&&s(m({type:"dragstart",datas:D.datas,inputEvent:t},d)))&&D.initDrag(),D.isDouble=X()-D.prevTime<200,D.flag&&r&&t.preventDefault()}}},this.onDrag=function(t,i){if(D.flag){var n=C(t);D.pinchFlag&&D.onPinch(t,n);var e=D.move([0,0],t,n);if(e&&(e.deltaX||e.deltaY)){var s=D.options.drag;s&&s(m({},e,{isScroll:!!i,inputEvent:t}))}}},this.onDragEnd=function(t){if(D.flag){var i=D.options,n=i.dragend,e=i.pinchOutside,s=i.container;D.isTouch&&e&&P(s,"touchstart",D.onDragStart),D.pinchFlag&&D.onPinchEnd(t),D.flag=!1;var a=D.prevClients,r=D.startClients,o=D.pinchFlag?u(a,a,r,D.startPinchClients):E(a[0],a[0],r[0]),h=X(),c=!D.isDrag&&D.isDouble;D.prevTime=D.isDrag||c?0:h,D.startClients=[],D.prevClients=[],n&&n(m({type:"dragend",datas:D.datas,isDouble:c,isDrag:D.isDrag,inputEvent:t},o))}};var n=[].concat(t);this.options=m({checkInput:!1,container:1<n.length?window:n[0],preventRightClick:!0,preventDefault:!0,pinchThreshold:0,events:["touch","mouse"]},i);var e=this.options,s=e.container,a=e.events;if(this.isTouch=-1<a.indexOf("touch"),this.isMouse=-1<a.indexOf("mouse"),this.customDist=[0,0],this.targets=n,this.isMouse&&(n.forEach(function(t){Y(t,"mousedown",D.onDragStart)}),Y(s,"mousemove",this.onDrag),Y(s,"mouseup",this.onDragEnd),Y(s,"contextmenu",this.onDragEnd)),this.isTouch){var r={passive:!1};n.forEach(function(t){Y(t,"touchstart",D.onDragStart,r)}),Y(s,"touchmove",this.onDrag,r),Y(s,"touchend",this.onDragEnd,r),Y(s,"touchcancel",this.onDragEnd,r)}}var i=t.prototype;return i.isDragging=function(){return this.isDrag},i.isFlag=function(){return this.flag},i.isPinchFlag=function(){return this.pinchFlag},i.isPinching=function(){return this.isPinch},i.scrollBy=function(i,n,t,e){void 0===e&&(e=!0),this.flag&&(this.startClients.forEach(function(t){t.clientX-=i,t.clientY-=n}),this.prevClients.forEach(function(t){t.clientX-=i,t.clientY-=n}),e&&this.onDrag(t,!0))},i.move=function(t,i,n){var e=t[0],s=t[1];void 0===n&&(n=this.prevClients);var a=this.customDist,r=this.prevClients,o=this.startClients,h=this.pinchFlag?u(n,r,o,this.startPinchClients):E(n[0],r[0],o[0]);a[0]+=e,a[1]+=s,h.deltaX+=e,h.deltaY+=s;var c=h.deltaX,l=h.deltaY;return h.distX+=a[0],h.distY+=a[1],this.movement+=Math.sqrt(c*c+l*l),this.prevClients=n,this.isDrag=!0,m({type:"drag",datas:this.datas},h,{movement:this.movement,isDrag:this.isDrag,isPinch:this.isPinch,isScroll:!1,inputEvent:i})},i.onPinchStart=function(t){var i,n,e=this.options,s=e.pinchstart,a=e.pinchThreshold;if(!(this.isDrag&&this.movement>a)){var r=p(t.changedTouches);if(this.pinchFlag=!0,(i=this.startClients).push.apply(i,r),(n=this.prevClients).push.apply(n,r),this.startDistance=f(this.prevClients),this.startPinchClients=this.prevClients.slice(),s){var o=this.prevClients,h=v(o),c=E(h,h,h);this.startRotate=l(o),s(m({type:"pinchstart",datas:this.datas,angle:this.startRotate,touches:g(o,o,o)},c,{inputEvent:t}))}}},i.onPinch=function(t,i){if(this.flag&&this.pinchFlag&&!(i.length<2)){this.isPinch=!0;var n=this.options.pinch;if(n){var e=this.prevClients,s=this.startClients,a=E(v(i),v(e),v(s)),r=l(i),o=f(i);n(m({type:"pinch",datas:this.datas,movement:this.movement,angle:r,rotation:r-this.startRotate,touches:g(i,e,s),scale:o/this.startDistance,distance:o},a,{inputEvent:t}))}}},i.onPinchEnd=function(t){if(this.flag&&this.pinchFlag){var i=this.isPinch;this.isPinch=!1,this.pinchFlag=!1;var n=this.options.pinchend;if(n){var e=this.prevClients,s=this.startClients,a=E(v(e),v(e),v(s));n(m({type:"pinchend",datas:this.datas,isPinch:i,touches:g(e,e,s)},a,{inputEvent:t})),this.isPinch=!1,this.pinchFlag=!1}}},i.unset=function(){var i=this,t=this.targets,n=this.options.container;this.isMouse&&(t.forEach(function(t){P(t,"mousedown",i.onDragStart)}),P(n,"mousemove",this.onDrag),P(n,"mouseup",this.onDragEnd),P(n,"contextmenu",this.onDragEnd)),this.isTouch&&(t.forEach(function(t){P(t,"touchstart",i.onDragStart)}),P(n,"touchstart",this.onDragStart),P(n,"touchmove",this.onDrag),P(n,"touchend",this.onDragEnd),P(n,"touchcancel",this.onDragEnd))},i.initDrag=function(){this.startClients=[],this.prevClients=[],this.flag=!1},t}();var t={default:n,drag:function(t,i){return new n(t,i)}};for(var i in t)n[i]=t[i];return n});
 //# sourceMappingURL=drag.min.js.map

package.json

 {
   "name": "@daybrush/drag",
-  "version": "0.18.5",
+  "version": "0.18.6",
   "description": "You can set up drag events in any browser.",
@@ -5,0 +5,0 @@ "main": "./dist/drag.cjs.js",

src/Dragger.ts

@@ -153,3 +153,3 @@ import { DragOptions, Client, Position, OnDrag } from "./types";
             setTimeout(() => {
-                addEvent(container!, "touchstart", this.onDragStart);
+                addEvent(container!, "touchstart", this.onDragStart, { passive: false });
             });
@@ -156,0 +156,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

222517

increased by0.16%

Lines of code

2599

increased by0.23%

No dependency changes