svelte-pan-zoom - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

dist/index.js

@@ -1,2 +0,2 @@
-var M=(e,s)=>Math.hypot(e.x-s.x,e.y-s.y),T=(e,s)=>({x:(e.x+s.x)/2,y:(e.y+s.y)/2}),W=(e,s)=>({x:e.x-s.x,y:e.y-s.y}),a,E=new WeakMap;function B(e,s){a=a||new ResizeObserver(t=>{for(let r of t){let n=E.get(r.target);n&&n(r)}});let p=window.devicePixelRatio,o=e.getContext("2d"),h,g,x,z,u,b,P=e.width=e.clientWidth*p,w=e.height=e.clientHeight*p;function R(t){({width:g,height:x,render:z,padding:u,maxZoom:b}={padding:0,maxZoom:16,...t}),h=Math.min(e.width/(g+u*p),e.height/(x+u*p)),o.resetTransform(),o.translate(e.width/2,e.height/2),o.scale(h,h),o.translate(-g/2,-x/2),c()}R(s),E.set(e,t=>{let r=t.contentRect,n=l({x:P/2,y:w/2}),i=o.getTransform();P=r.width*p,w=r.height*p,e.width=P,e.height=w,h=Math.min(e.width/(s.width+u*p),e.height/(s.height+u*p)),o.setTransform(i);let d=l({x:e.width/2,y:e.height/2});o.translate(d.x-n.x,d.y-n.y),c()}),a.observe(e);let m=new Map;function L(t){t.stopPropagation(),e.setPointerCapture(t.pointerId);let r=y(t);m.set(t.pointerId,r)}function f(t){t.stopPropagation(),e.releasePointerCapture(t.pointerId),m.delete(t.pointerId)}function C(t){if(t.stopPropagation(),!m.has(t.pointerId))return;let r=y(t);switch(m.size){case 1:{let n=m.get(t.pointerId),i=W(l(r),l(n));O(i),c(),m.set(t.pointerId,r);break}case 2:{let n=[...m.values()],i=l(n[0]),d=l(n[1]),Z=T(i,d),_=M(i,d);m.set(t.pointerId,r),n=[...m.values()],i=l(n[0]),d=l(n[1]);let v=T(i,d),D=M(i,d),H=W(v,Z);O(H);let Y=D/_;k(v,Y);break}}}function I(t){t.preventDefault(),t.stopPropagation();let r=y(t),n=Math.exp(-t.deltaY/512);k(l(r),n)}function O(t){o.translate(t.x,t.y)}function k(t,r){function n(d){o.translate(t.x,t.y),o.scale(d,d),o.translate(-t.x,-t.y)}n(r);let i=o.getTransform();i.a<h&&n(h/i.a),i.a>b&&n(b/i.a),c()}function y(t){return{x:t.offsetX*p,y:t.offsetY*p}}function l(t){return o.getTransform().inverse().transformPoint(t)}function c(){o.save(),o.resetTransform(),o.clearRect(0,0,e.width,e.height),o.restore(),z(o)}return e.addEventListener("pointerdown",L,{passive:!0}),e.addEventListener("pointerup",f,{passive:!0}),e.addEventListener("pointercancel",f,{passive:!0}),e.addEventListener("pointermove",C,{passive:!0}),e.addEventListener("wheel",I),{update(t){R(t)},destroy(){a.unobserve(e),E.delete(e),e.removeEventListener("pointerdown",L),e.removeEventListener("pointerup",f),e.removeEventListener("pointercancel",f),e.removeEventListener("pointermove",C),e.removeEventListener("wheel",I)}}}export{B as panzoom};
+var E=new WeakMap,a;function O(e,r){return a=a||new ResizeObserver(d=>{for(let n of d){let m=E.get(n.target);m&&m(n)}}),E.set(e,r),a.observe(e),{destroy(){a.unobserve(e),E.delete(e)}}}var W=(e,r)=>Math.hypot(e.x-r.x,e.y-r.y),Z=(e,r)=>({x:(e.x+r.x)/2,y:(e.y+r.y)/2}),_=(e,r)=>({x:e.x-r.x,y:e.y-r.y});function X(e,r){let d=window.devicePixelRatio,n=e.getContext("2d"),m,x,g,L,l,P,w=e.width=e.clientWidth*d,y=e.height=e.clientHeight*d;function z(t){({width:x,height:g,render:L,padding:l,maxZoom:P}={padding:0,maxZoom:16,...t}),m=Math.min(e.width/(x+l*d),e.height/(g+l*d)),n.resetTransform(),n.translate(e.width/2,e.height/2),n.scale(m,m),n.translate(-x/2,-g/2),c()}z(r);let k=O(e,t=>{let s=t.contentRect,o=u({x:w/2,y:y/2}),i=n.getTransform();w=s.width*d,y=s.height*d,e.width=w,e.height=y,m=Math.min(e.width/(r.width+l*d),e.height/(r.height+l*d)),n.setTransform(i);let p=u({x:e.width/2,y:e.height/2});n.translate(p.x-o.x,p.y-o.y),c()}),h=new Map;function I(t){t.stopPropagation(),e.setPointerCapture(t.pointerId);let s=b(t);h.set(t.pointerId,s)}function f(t){t.stopPropagation(),e.releasePointerCapture(t.pointerId),h.delete(t.pointerId)}function R(t){if(t.stopPropagation(),!h.has(t.pointerId))return;let s=b(t);switch(h.size){case 1:{let o=h.get(t.pointerId),i=_(u(s),u(o));M(i),c(),h.set(t.pointerId,s);break}case 2:{let o=[...h.values()],i=u(o[0]),p=u(o[1]),D=Z(i,p),H=W(i,p);h.set(t.pointerId,s),o=[...h.values()],i=u(o[0]),p=u(o[1]);let C=Z(i,p),Y=W(i,p),A=_(C,D);M(A);let B=Y/H;T(C,B);break}}}function v(t){t.preventDefault(),t.stopPropagation();let s=b(t),o=Math.exp(-t.deltaY/512);T(u(s),o)}function M(t){n.translate(t.x,t.y)}function T(t,s){function o(p){n.translate(t.x,t.y),n.scale(p,p),n.translate(-t.x,-t.y)}o(s);let i=n.getTransform();i.a<m&&o(m/i.a),i.a>P&&o(P/i.a),c()}function b(t){return{x:t.offsetX*d,y:t.offsetY*d}}function u(t){return n.getTransform().inverse().transformPoint(t)}function c(){n.save(),n.resetTransform(),n.clearRect(0,0,e.width,e.height),n.restore(),L(n)}return e.addEventListener("pointerdown",I,{passive:!0}),e.addEventListener("pointerup",f,{passive:!0}),e.addEventListener("pointercancel",f,{passive:!0}),e.addEventListener("pointermove",R,{passive:!0}),e.addEventListener("wheel",v),{update(t){z(t)},destroy(){k.destroy(),e.removeEventListener("pointerdown",I),e.removeEventListener("pointerup",f),e.removeEventListener("pointercancel",f),e.removeEventListener("pointermove",R),e.removeEventListener("wheel",v)}}}export{X as panzoom};
 //# sourceMappingURL=index.js.map

package.json

 {
 	"name": "svelte-pan-zoom",
-	"version": "0.0.3",
+	"version": "0.0.4",
 	"type": "module",
@@ -41,14 +41,2 @@ "keywords": [
 	},
-	"tsup": {
-		"entry": [
-			"src/lib/index.ts"
-		],
-		"format": [
-			"esm"
-		],
-		"sourcemap": true,
-		"minify": true,
-		"clean": true,
-		"dts": true
-	},
 	"devDependencies": {
@@ -59,2 +47,3 @@ "@sveltejs/adapter-static": "1.0.0",
 		"svelte-check": "^3.0.1",
+		"svelte-resize-observer-action": "^0.0.2",
 		"tslib": "^2.4.1",
@@ -61,0 +50,0 @@ "tsup": "^6.5.0",

No alert changes

Improved metrics

Total package byte prevSize

17525

2.55%

Worsened metrics

Dev dependency count

9

12.5%

No dependency changes