![\"cloudimage](\"https://scaleflex.cloudimg.io/v7/cloudimage.io/LOGO+WITH+SCALEFLEX-01.png?vh=f6080d&w=350\")
","directories":{},"_nodeVersion":"24.11.0","dependencies":{"@popperjs/core":"^2.11.2","lodash.throttle":"^4.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"^5.4.10","jsdom":"^27.4.0","react":"^18.2.0","dotenv":"^16.0.3","eslint":"^9.12.0","vitest":"^4.0.17","webpack":"^5.95.0","gh-pages":"^2.0.1","prettier":"3.3.3","form-data":"^4.0.0","react-dom":"^18.2.0","@babel/cli":"^7.16.7","@eslint/js":"^9.12.0","css-loader":"^2.1.1","typescript":"^5.3.0","@babel/core":"^7.16.7","webpack-cli":"^5.0.1","@types/react":"^18.2.0","autoprefixer":"^10.4.23","babel-loader":"^8.2.3","highlight.js":"^10.4.1","style-loader":"^3.3.2","mobile-detect":"^1.4.3","vite-plugin-dts":"^4.3.0","@types/react-dom":"^18.2.0","isomorphic-fetch":"^3.0.0","vite-plugin-html":"^3.2.2","@babel/preset-env":"^7.16.5","webpack-dev-server":"^4.13.3","@vitest/coverage-v8":"^4.0.17","babel-preset-minify":"^0.5.0","@vitejs/plugin-react":"^4.2.0","mini-css-extract-plugin":"^0.9.0","vite-plugin-lib-inject-css":"^2.1.1","babel-plugin-array-includes":"^2.0.3","@babel/plugin-transform-runtime":"^7.16.5"},"peerDependencies":{"react":">=17.0.0","react-dom":">=17.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/js-cloudimage-360-view_4.1.0-beta.0_1769077874246_0.7986619576853926","host":"s3://npm-registry-packages-npm-production"},"deprecated":"This package has moved to @cloudimage/360-view"},"4.1.1":{"name":"js-cloudimage-360-view","version":"4.1.1","keywords":["image","images","cloudimage","360","photo","product","view","viewer","360 product view"],"author":{"name":"scaleflex"},"license":"MIT","_id":"js-cloudimage-360-view@4.1.1","maintainers":[{"name":"dmitry.stremous","email":"dmitry@scaleflex.com"},{"name":"amr26","email":"amrelbialy26@gmail.com"},{"name":"amrw.js","email":"amrw.js@gmail.com"}],"homepage":"https://scaleflex.github.io/js-cloudimage-360-view/","bugs":{"url":"https://github.com/scaleflex/js-cloudimage-360-view/issues"},"dist":{"shasum":"034d98640a20fd5e8e960377691ee28ef8419f9a","tarball":"https://registry.npmjs.org/js-cloudimage-360-view/-/js-cloudimage-360-view-4.1.1.tgz","fileCount":17,"integrity":"sha512-9n7IPC2RwN9BlgHH58+JDkBk9cxqEZrkO3JGG28V3TeVpskfaPYwttMKKyIQbyU+dpeT2BCd2oYKiIv2z79+Ag==","signatures":[{"sig":"MEYCIQCBG5YMnFi+B+mwCzRrjcd6RyjGrhI001YfRf+5wnPZRwIhAIVGVlolPpFs2S9d9zvsOXa1+6e7tg/iQ5HFLDpy9fJe","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1050444},"main":"dist/js-cloudimage-360-view.min.js","style":"dist/react/style.css","types":"src/types/ci360.d.ts","module":"dist/js-cloudimage-360-view.min.js","exports":{".":{"types":"./src/types/ci360.d.ts","import":"./dist/js-cloudimage-360-view.min.js","require":"./dist/js-cloudimage-360-view.min.js"},"./css":"./dist/react/style.css","./react":{"types":"./dist/react/index.d.ts","import":"./dist/react/index.js","require":"./dist/react/index.cjs"}},"gitHead":"b73e100b47a8c9d8e5e47575615754e4769bfd0c","scripts":{"dev":"vite serve demo --host","test":"vitest","build":"npm run build:bundle && npm run build:react","publish":"npm run build:demo && npm run deploy:demo","test:run":"vitest run","build:npm":"npm run clean:demo && vite --config vite-npm.config.js build","dev:react":"npm --prefix demo/react-demo run dev","build:demo":"vite --config vite-demo.config.js build && npm --prefix demo/react-demo run build","clean:demo":"rm -rf demo/dist","clean:dist":"rm -rf dist","build:react":"vite build --config vite-react.config.js && cp src/react/types.d.ts dist/react/index.d.ts","clean:build":"rm -rf dist","deploy:demo":"gh-pages -d dist","build:bundle":"npm run clean:build && vite build","deploy:bundle":"npm run build:bundle && node bin/deploy-bundle","test:coverage":"vitest run --coverage"},"_npmUser":{"name":"dmitry.stremous","email":"dmitry@scaleflex.com"},"repository":{"url":"git+https://github.com/scaleflex/js-cloudimage-360-view.git","type":"git"},"_npmVersion":"11.6.1","description":"
![\"Cloudimage](\"https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/logo_scaleflex_on_white_bg.jpg?vh=91b12d&w=700\"){kind=logo}
\n \n \n \n
\n A powerful JavaScript library for creating interactive 360-degree product views\n
\n\n\n \n ![\"Release\"](\"https://img.shields.io/github/v/release/scaleflex/js-cloudimage-360-view\")
![\"Size\"](\"https://img.shields.io/bundlephobia/min/js-cloudimage-360-view\")
![\"Downloads\"](\"https://img.shields.io/npm/dt/js-cloudimage-360-view?logoColor=orange\")
![\"License\"](\"https://img.shields.io/badge/license-MIT-blue.svg\"){kind=icon}
\n \n \n ![\"Cloudimage\"](\"https://img.shields.io/badge/Powered%20by-Cloudimage-blue\"){kind=icon}
\n View Demo ·\n React CodeSandbox ·\n Vanilla CodeSandbox ·\n Report Bug\n
\n\n---\n\n## Table of Contents\n\n- [Overview](#overview)\n- [Features](#features)\n- [Quick Start](#quick-start)\n- [Installation](#installation)\n- [Usage](#usage)\n - [2D Grid Mode](#2d-grid-mode)\n- [React / Next.js](#react--nextjs)\n- [Configuration Options](#configuration-options)\n- [Event Callbacks](#event-callbacks)\n- [Hotspots](#hotspots)\n- [Interaction Hints](#interaction-hints)\n- [Styling & Theming](#styling--theming)\n- [Methods](#methods)\n- [Cloudimage Integration](#cloudimage-integration)\n- [Browser Support](#browser-support)\n- [Migration Guide (v3 → v4)](#migration-guide-v3--v4)\n- [Contributing](#contributing)\n- [Support](#support)\n- [License](#license)\n\n---\n\n## Overview\n\nJS Cloudimage 360 View enables you to create stunning, interactive 360-degree product views for your website. Perfect for e-commerce platforms, virtual tours, and product showcases, it provides an immersive viewing experience that lets users explore products from every angle.\n\n### Why Choose This Library?\n\n- **Easy Integration** - Get started in minutes with CDN or npm\n- **Fully Customizable** - CSS variables, callbacks, and extensive configuration options\n- **Mobile-Friendly** - Touch and swipe support out of the box\n- **Performance Optimized** - Lazy loading, responsive images, and efficient rendering\n- **Feature Rich** - Hotspots, zoom, fullscreen, autoplay, and more\n\n---\n\n## Features\n\n| Feature | Description |\n|---------|-------------|\n| **360° Rotation** | Smooth horizontal and vertical rotation with customizable speed |\n| **2D Grid Mode** | True two-axis viewing for images organized as a horizontal/vertical matrix |\n| **Touch & Drag** | Intuitive mouse and touch controls with inertia/momentum |\n| **Pinch-to-Zoom** | Natural pinch gesture zooming on mobile devices |\n| **Autoplay** | Automatic rotation with configurable behavior and direction |\n| **Zoom** | Double-click, Ctrl+scroll, or pinch-to-zoom with pan controls |\n| **Fullscreen** | Immersive fullscreen mode with ESC key support |\n| **Hotspots** | Interactive markers with tooltips for highlighting features |\n| **Keyboard Navigation** | Arrow key support for accessibility |\n| **Lazy Loading** | Optimized loading for better performance |\n| **Responsive** | Works on all screen sizes with Cloudimage CDN integration |\n| **Theming** | CSS variables for easy customization |\n| **Event Callbacks** | Hook into viewer lifecycle and user interactions |\n\n---\n\n## Quick Start\n\nAdd the library via CDN and create your first 360 viewer in seconds:\n\n```html\n\n\n\n\nViewer is ready!
}\nDescription here
![\"Buy](\"https://img.shields.io/badge/Buy%20Me%20a%20Coffee-ffdd00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black\"){kind=icon}
\n\n\n---\n\n## License\n\nThis project is licensed under the [MIT License]([https://opensource.org/licenses/MIT](https://github.com/scaleflex/js-cloudimage-360-view/blob/master/LICENSE)).\n\n---\n\n\n Made with care by the Scaleflex team\n
\n","readmeFilename":"README.md"}