Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

panzoom

Package Overview
Dependencies
Maintainers
1
Versions
87
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

panzoom - npm Package Compare versions

Comparing version 5.1.0 to 6.0.0

40

index.js

@@ -164,4 +164,5 @@ /* globals SVGElement */

// otherwise just use whatever space we have
w = owner.clientWidth
h = owner.clientHeight
var ownerRect = owner.getBoundingClientRect();
w = ownerRect.width
h = ownerRect.height
}

@@ -254,4 +255,5 @@ var bbox = domController.getBBox()

// for boolean type we use parent container bounds
var sceneWidth = owner.clientWidth
var sceneHeight = owner.clientHeight
var ownerRect = owner.getBoundingClientRect()
var sceneWidth = ownerRect.width
var sceneHeight = ownerRect.height

@@ -451,3 +453,4 @@ return {

var scaleMultiplier = getScaleMultiplier(z)
publicZoomTo(owner.clientWidth/2, owner.clientHeight/2, scaleMultiplier)
var ownerRect = owner.getBoundingClientRect()
publicZoomTo(ownerRect.width/2, ownerRect.height/2, scaleMultiplier)
}

@@ -481,3 +484,3 @@ }

var touch = e.touches[0]
let offset = getTouchOffsetXY(touch, e.target)
var offset = getOffsetXY(touch)
mouseX = offset.x

@@ -499,3 +502,2 @@ mouseY = offset.y

function handleTouchMove(e) {
if (e.touches.length === 1) {

@@ -505,3 +507,3 @@ e.stopPropagation()

let offset = getTouchOffsetXY(touch, e.target)
var offset = getOffsetXY(touch)

@@ -553,3 +555,3 @@ var dx = offset.x - mouseX

if (e.touches.length > 0) {
let offset = getTouchOffsetXY(e.touches[0], e.target)
var offset = getOffsetXY(e.touches[0])
mouseX = offset.x

@@ -664,9 +666,7 @@ mouseY = offset.y

function getOffsetXY(e) {
var offsetX = e.offsetX
var offsetY = e.offsetY
if (typeof offsetX === 'undefined') {
var rect = e.target.getBoundingClientRect()
offsetX = e.clientX - rect.left
offsetY = e.clientY - rect.top
}
var offsetX, offsetY;
// I tried using e.offsetX, but that gives wrong results for svg, when user clicks on a path.
var ownerRect = owner.getBoundingClientRect();
offsetX = e.clientX - ownerRect.left
offsetY = e.clientY - ownerRect.top

@@ -676,10 +676,2 @@ return {x: offsetX, y: offsetY};

function getTouchOffsetXY(touch, el) {
var rect = el.getBoundingClientRect()
var offsetX = touch.clientX - rect.left
var offsetY = touch.clientY - rect.top
return {x: offsetX, y: offsetY};
}
function smoothZoom(clientX, clientY, scaleMultiplier) {

@@ -686,0 +678,0 @@ var fromValue = transform.scale

2

package.json
{
"name": "panzoom",
"version": "5.1.0",
"version": "6.0.0",
"description": "Extensible, mobile friendly pan and zoom framework (supports DOM and SVG).",

@@ -5,0 +5,0 @@ "main": "index.js",

@@ -23,3 +23,3 @@ # panzoom [![Build Status](https://travis-ci.org/anvaka/panzoom.svg)](https://travis-ci.org/anvaka/panzoom)

```
https://cdn.rawgit.com/anvaka/panzoom/v4.4.0/dist/panzoom.min.js
<script src='https://cdn.rawgit.com/anvaka/panzoom/v4.4.0/dist/panzoom.min.js'></script>
```

@@ -26,0 +26,0 @@

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