{"library":"vue-panzoom","type":"library","category":null,"description":"The `vue-panzoom` library is a Vue.js plugin that provides intuitive pan and zoom capabilities for various DOM elements, including images, regular HTML content, and SVG. It serves as a Vue.js wrapper around the well-regarded `anvaka/panzoom` JavaScript library, inheriting its robust features and mobile-friendly design. The current stable version, 1.1.6, offers flexibility through attributes like `selector` to target specific elements within the component's scope and supports all options provided by the underlying `panzoom` library. Developers can also customize the component's name and listen to a comprehensive set of events, including its own `init` event and all `panzoom` lifecycle events, allowing for fine-grained control over the pan and zoom experience. While a strict release cadence isn't specified, the recent updates addressing Vue 3 compatibility (starting from v1.1.4) indicate active maintenance and adaptation to the Vue ecosystem's evolution. Its primary differentiator is its seamless integration into Vue applications, abstracting the complexities of direct `panzoom` library usage while exposing its full power.","language":"javascript","status":"active","version":"1.1.6","tags":["javascript","vue","zoom","pan"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-panzoom","imports":["import panZoom from 'vue-panzoom'","import panZoom from 'vue-panzoom'; Vue.use(panZoom);","<panZoom></panZoom>"]},{"cmd":"yarn add vue-panzoom","imports":[]},{"cmd":"pnpm add vue-panzoom","imports":[]}],"homepage":null,"github":"https://github.com/thecodealer/vue-panzoom","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-panzoom","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-panzoom/compatibility"}}