{"library":"vue-pinch-zoom","type":"library","category":null,"description":"vue-pinch-zoom is a specialized Vue.js component designed to provide pinch-zoom and drag functionalities for images using touch gestures. It allows users to scale and pan image content within a defined container, offering features like configurable transition durations, zoom limits (absolute or based on original image size), minimum scale settings, and automatic zoom-out. It supports both double-tap and mouse wheel interactions, and includes options to disable panning, customize zoom controls, and handle container overflow. As of version 1.0.1, the library's `peerDependencies` indicate support for both Vue 2 (`^2.5.0`) and Vue 3 (`^3.0.0`), although its installation and usage examples in the README primarily demonstrate Vue 2 global registration syntax. The library ships with TypeScript types, enhancing developer experience in TypeScript projects. It differentiates itself by offering a comprehensive set of properties for fine-grained control over the zoom and pan behavior, catering to various use cases from simple image viewers to more interactive applications. The release cadence is not explicitly stated but appears to be stable at its current version.","language":"javascript","status":"active","version":"1.0.1","tags":["javascript","Vue","Pinch zoom","Touch image zoom","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-pinch-zoom","imports":["import PinchZoom from 'vue-pinch-zoom';\nVue.component('pinch-zoom', PinchZoom);","import PinchZoom from 'vue-pinch-zoom';\n\nexport default {\n  components: {\n    PinchZoom\n  },\n  // ...\n};","import PinchZoom, { PinchZoomProps } from 'vue-pinch-zoom';\n// Use PinchZoomProps for component props type definitions, e.g., in an interface or type alias"]},{"cmd":"yarn add vue-pinch-zoom","imports":[]},{"cmd":"pnpm add vue-pinch-zoom","imports":[]}],"homepage":"http://ivylab.space/pinch-zoom/vue","github":"https://github.com/drozhzhin-n-e/vue-pinch-zoom","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-pinch-zoom","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-pinch-zoom/compatibility"}}