{"_id":"wicked.components","_rev":"5-0b2b52502a6e0932af308f05a905405c","name":"wicked.components","dist-tags":{"latest":"1.3.0"},"versions":{"1.0.0":{"name":"wicked.components","version":"1.0.0","keywords":["tooltip","webflow","components","ui","javascript","tippy","popper","interactive","attributes"],"author":{"url":"https://www.npmjs.com/~wicked.apps","name":"Wicked Apps"},"license":"ISC","_id":"wicked.components@1.0.0","maintainers":[{"name":"wicked.apps","email":"wicked.apps@getwicked.app"}],"dist":{"shasum":"1a0bfad9a9f55823479eba5f7ae569e88492519f","tarball":"https://registry.npmjs.org/wicked.components/-/wicked.components-1.0.0.tgz","fileCount":5,"integrity":"sha512-nhvosB753xed9CRlw8HKhr/J9dW155yLnM9kPfLCa9q7gEDYOJ/RSvqZibK+uKcAq3nc+J6ZuVk7sQ/niFfxcA==","signatures":[{"sig":"MEUCIQCd23Z3gDn/N+KA7tqy5GXDuMLjIfIXHHXEU/ow4fQ28gIgOJsLbrRFSXn3AN/izU+6kJ5BBlHcS8SFy9X7usKnT84=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14277},"main":"index.js","type":"module","exports":{".":"./index.js","./tooltip":"./tooltip.js"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"wicked.apps","email":"wicked.apps@getwicked.app"},"_npmVersion":"9.6.4","description":"A lightweight JavaScript component library for Webflow projects. Provides advanced tooltip functionality with extensive customization options through HTML attributes.","directories":{},"_nodeVersion":"20.0.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/wicked.components_1.0.0_1754158253489_0.8850691267667199","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"wicked.components","version":"1.1.0","keywords":["tooltip","scroll-to-top","webflow","components","ui","javascript","tippy","popper","interactive","attributes"],"author":{"url":"https://www.npmjs.com/~wicked.apps","name":"Wicked Apps"},"license":"ISC","_id":"wicked.components@1.1.0","maintainers":[{"name":"wicked.apps","email":"wicked.apps@getwicked.app"}],"dist":{"shasum":"b559c1e900a09048039ee2b6765d39009db26e6b","tarball":"https://registry.npmjs.org/wicked.components/-/wicked.components-1.1.0.tgz","fileCount":6,"integrity":"sha512-SmS6XG52TJBh2tnFpOLj3BbP+k0Ma6CQfJ+NTYqoDJiSERpGof0oDpKJ9iJqFjWFI1lY4W+olmP5PjAbazJB9w==","signatures":[{"sig":"MEUCIAd8m+ku6lWZC4RTkdHQ7qdI0NEtaobz26xOvEdbKIV/AiEA19YXUSgSqQ8rpiojPbld74BFlDhSjCXa3EaiYgXRQLE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21589},"main":"index.js","type":"module","exports":{".":"./index.js","./tooltip":"./tooltip.js","./scroll-to-top":"./scroll-to-top.js"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"wicked.apps","email":"wicked.apps@getwicked.app"},"_npmVersion":"9.6.4","description":"A lightweight JavaScript component library for Webflow projects. Provides advanced tooltip and scroll-to-top functionality with extensive customization options through HTML attributes.","directories":{},"_nodeVersion":"20.0.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/wicked.components_1.1.0_1754518954942_0.8267042210084161","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"wicked.components","version":"1.2.0","keywords":["tooltip","scroll-to-top","social-share","counter","previous-page","webflow","components","ui","javascript","tippy","popper","interactive","attributes"],"author":{"url":"https://www.npmjs.com/~wicked.apps","name":"Wicked Apps"},"license":"ISC","_id":"wicked.components@1.2.0","maintainers":[{"name":"wicked.apps","email":"wicked.apps@getwicked.app"}],"dist":{"shasum":"c9c67e94f2695e65117912bc6257a34be5617d3f","tarball":"https://registry.npmjs.org/wicked.components/-/wicked.components-1.2.0.tgz","fileCount":9,"integrity":"sha512-NYzId+TSZXnuy1hKUX/qwIssx8GaRFh1y324o01nj/pN7Y0OJAH50rr+iLfwlfiI6IbI31E3owFVkJeoQDt9/g==","signatures":[{"sig":"MEUCIQDyERK4GmKEJ96WGyBugVv03/YFKwbgpl1D2swxmhymhAIgTIckelmau5r49fAkVWQOMxCoB2ZHkWOLB3lpBqHjwm0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":37799},"main":"index.js","type":"module","exports":{".":"./index.js","./counter":"./counter.js","./tooltip":"./tooltip.js","./social-share":"./social-share.js","./previous-page":"./previous-page.js","./scroll-to-top":"./scroll-to-top.js"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"wicked.apps","email":"wicked.apps@getwicked.app"},"_npmVersion":"9.6.4","description":"A lightweight JavaScript component library for Webflow projects. Provides advanced tooltip, scroll-to-top, social sharing, counter, and navigation functionality with extensive customization options through HTML attributes.","directories":{},"_nodeVersion":"20.0.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/wicked.components_1.2.0_1756344281141_0.29642111909616076","host":"s3://npm-registry-packages-npm-production"}},"1.2.1":{"name":"wicked.components","version":"1.2.1","keywords":["tooltip","scroll-to-top","social-share","counter","previous-page","webflow","components","ui","javascript","tippy","popper","interactive","attributes"],"author":{"url":"https://www.npmjs.com/~wicked.apps","name":"Wicked Apps"},"license":"ISC","_id":"wicked.components@1.2.1","maintainers":[{"name":"wicked.apps","email":"wicked.apps@getwicked.app"}],"dist":{"shasum":"13348c386bdeb5cfac1bbc3b12d23429895687a4","tarball":"https://registry.npmjs.org/wicked.components/-/wicked.components-1.2.1.tgz","fileCount":15,"integrity":"sha512-98dXkaFkgMxXZfjzM3WQy+1khz76+SiXKQdj0djvGpE2AEeoyMWDGayg+nGnnOweYha5uG3rPk8b0y3GtmBwVA==","signatures":[{"sig":"MEUCIE0ouri0bfVe+c7Q+gpDUrfCayNCCZJC91/VERnCZh+7AiEA9+NY2YotgLqOVxSt6NxkC7onRDtyillcmBfHhurW4wM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49891},"main":"index.js","type":"module","exports":{".":"./index.js","./min":"./index.min.js","./counter":"./counter.js","./tooltip":"./tooltip.js","./counter/min":"./counter.min.js","./tooltip/min":"./tooltip.min.js","./social-share":"./social-share.js","./previous-page":"./previous-page.js","./scroll-to-top":"./scroll-to-top.js","./social-share/min":"./social-share.min.js","./previous-page/min":"./previous-page.min.js","./scroll-to-top/min":"./scroll-to-top.min.js"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"wicked.apps","email":"wicked.apps@getwicked.app"},"_npmVersion":"9.6.4","description":"A lightweight JavaScript component library for Webflow projects. Provides advanced tooltip, scroll-to-top, social sharing, counter, and navigation functionality with extensive customization options through HTML attributes.","directories":{},"_nodeVersion":"20.0.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/wicked.components_1.2.1_1756344790438_0.6382159284376856","host":"s3://npm-registry-packages-npm-production"}},"1.3.0":{"name":"wicked.components","version":"1.3.0","description":"A lightweight JavaScript component library for Webflow projects. Provides advanced tooltip, scroll-to-top, social sharing, counter, navigation, and magnifying dock functionality with extensive customization options through HTML attributes.","main":"index.js","type":"module","exports":{".":"./index.js","./min":"./index.min.js","./tooltip":"./tooltip.js","./tooltip/min":"./tooltip.min.js","./scroll-to-top":"./scroll-to-top.js","./scroll-to-top/min":"./scroll-to-top.min.js","./social-share":"./social-share.js","./social-share/min":"./social-share.min.js","./counter":"./counter.js","./counter/min":"./counter.min.js","./previous-page":"./previous-page.js","./previous-page/min":"./previous-page.min.js","./magnifying-dock":"./magnifying-dock.js","./magnifying-dock/min":"./magnifying-dock.min.js"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["tooltip","scroll-to-top","social-share","counter","previous-page","magnifying-dock","webflow","components","ui","javascript","tippy","popper","interactive","attributes"],"author":{"name":"Wicked Apps","url":"https://www.npmjs.com/~wicked.apps"},"license":"ISC","_id":"wicked.components@1.3.0","_nodeVersion":"20.0.0","_npmVersion":"9.6.4","dist":{"integrity":"sha512-tzM7T4Li+VDBmwso+PVRucxeUAOPUHnNF0HgnRCl1XMFNmF+Xr8rLEr87h1TKvBjCEJ013CUOQGAnNLT+bwIeA==","shasum":"c6b078b2c5d45fea8cef1bfd01203e2b3ed1c4b5","tarball":"https://registry.npmjs.org/wicked.components/-/wicked.components-1.3.0.tgz","fileCount":17,"unpackedSize":64469,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIBKj7xQN4yl1YmCEBzQZ9EZRQD1D4WZslydPKjxX2OvsAiALC3WNcgdQJgLbvl26lQLXg1P7WdFyKjTjeMRZ+ZbVJA=="}]},"_npmUser":{"name":"wicked.apps","email":"wicked.apps@getwicked.app"},"directories":{},"maintainers":[{"name":"wicked.apps","email":"wicked.apps@getwicked.app"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/wicked.components_1.3.0_1756474430985_0.7660562569305243"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-02T18:10:53.362Z","modified":"2025-08-29T13:33:51.346Z","1.0.0":"2025-08-02T18:10:53.710Z","1.1.0":"2025-08-06T22:22:35.152Z","1.2.0":"2025-08-28T01:24:41.321Z","1.2.1":"2025-08-28T01:33:10.630Z","1.3.0":"2025-08-29T13:33:51.182Z"},"author":{"name":"Wicked Apps","url":"https://www.npmjs.com/~wicked.apps"},"license":"ISC","keywords":["tooltip","scroll-to-top","social-share","counter","previous-page","magnifying-dock","webflow","components","ui","javascript","tippy","popper","interactive","attributes"],"description":"A lightweight JavaScript component library for Webflow projects. Provides advanced tooltip, scroll-to-top, social sharing, counter, navigation, and magnifying dock functionality with extensive customization options through HTML attributes.","maintainers":[{"name":"wicked.apps","email":"wicked.apps@getwicked.app"}],"readme":"# Wicked Components\n\nA lightweight JavaScript component library that provides essential UI modules for dynamic web interactions. Built specifically for Webflow projects, it empowers developers to easily add advanced interactions and elevate their web projects with customizable components.\n\n## 🚀 Features\n\n- **Tooltip Component**: Advanced tooltip functionality with extensive customization options\n- **Scroll to Top Component**: Smooth scroll-to-top functionality with customizable animations\n- **Social Share Component**: Easy social media sharing with multiple platform support\n- **Counter Component**: Animated counters with customizable triggers and animations\n- **Previous Page Component**: Simple navigation back to previous page\n- **Magnifying Dock Component**: Interactive dock with mouse-responsive scaling effects\n- **Webflow Integration**: Designed specifically for Webflow projects with easy attribute-based configuration\n- **Lightweight**: Minimal footprint with automatic dependency loading\n- **Customizable**: Extensive configuration options through HTML attributes\n- **Modern**: Built with modern JavaScript (ES6 modules)\n- **Minified Versions**: Production-ready minified files available for all components\n\n## 📚 Dependencies\n\nThe library automatically loads these dependencies when needed:\n\n- **Tippy.js v6**: Advanced tooltip library\n- **Popper.js v2**: Positioning engine\n\n## 🎯 Quick Start\n\n### Tooltip Component\n\nAdd tooltips to any element using the `wa-tooltip=\"component\"` attribute:\n\n```html\n<button wa-tooltip=\"component\" wa-tooltip-body=\"This is a tooltip!\">\n  Hover me\n</button>\n```\n\n### Scroll to Top Component\n\nAdd scroll-to-top functionality to any element using the `wa-scroll-to-top=\"component\"` attribute:\n\n```html\n<button wa-scroll-to-top=\"component\">\n  Scroll to Top\n</button>\n```\n\n### Basic Configuration\n\n```html\n<div \n  wa-tooltip=\"component\"\n  wa-tooltip-body=\"Your tooltip content here\"\n  wa-tooltip-placement=\"top\"\n  wa-tooltip-theme=\"light\"\n>\n  Hover over this element\n</div>\n```\n\n### Previous Page Component\n\nAdd previous page navigation to any element using the `wa-previous-page=\"component\"` attribute:\n\n```html\n<button wa-previous-page=\"component\">\n  Go Back\n</button>\n```\n\n### Magnifying Dock Component\n\nAdd interactive dock scaling effects to any element using the `wa-magnifying-dock=\"component\"` attribute:\n\n```html\n<div wa-magnifying-dock=\"component\">\n  <div wa-magnifying-dock=\"list\">\n    <div wa-magnifying-dock=\"item\">\n      <img src=\"image1.jpg\" alt=\"Image 1\">\n    </div>\n    <div wa-magnifying-dock=\"item\">\n      <img src=\"image2.jpg\" alt=\"Image 2\">\n    </div>\n    <div wa-magnifying-dock=\"item\">\n      <img src=\"image3.jpg\" alt=\"Image 3\">\n    </div>\n  </div>\n</div>\n```\n\n## ⚙️ Configuration Options\n\n### Tooltip Attributes\n\n| Attribute | Description | Default | Values |\n|-----------|-------------|---------|--------|\n| `wa-tooltip-body` | Tooltip content text | Required | Any string |\n| `wa-tooltip-placement` | Tooltip position | `top` | `top`, `bottom`, `left`, `right` |\n| `wa-tooltip-theme` | Visual theme | `light` | `light`, `light-border` |\n| `wa-tooltip-max-width` | Maximum width in pixels | Auto | Number |\n| `wa-tooltip-z-index` | CSS z-index value | Auto | Number |\n| `wa-tooltip-arrow` | Show arrow pointer | `false` | `true`, `false` |\n| `wa-tooltip-effect` | Animation effect | None | `shift-away`, `shift-toward`, `scale`, `perspective` |\n| `wa-tooltip-duration` | Animation duration (ms) | 300 | Number |\n| `wa-tooltip-delay-before` | Delay before showing (ms) | 0 | Number |\n| `wa-tooltip-delay-after` | Delay before hiding (ms) | 0 | Number |\n| `wa-tooltip-trigger` | Trigger event | `mouseenter focus` | `click`, `mouseenter`, `focus`, etc. |\n| `wa-tooltip-appear-on-touch` | Show on touch devices | `false` | `true`, `false` |\n| `wa-tooltip-offset-x` | Horizontal offset | 0 | Number |\n| `wa-tooltip-offset-y` | Vertical offset | 0 | Number |\n| `wa-tooltip-interactive` | Allow interaction with tooltip | `false` | `true`, `false` |\n| `wa-tooltip-allow-html` | Allow HTML in content | `false` | `true`, `false` |\n\n### Scroll to Top Attributes\n\n| Attribute | Description | Default | Values |\n|-----------|-------------|---------|--------|\n| `wa-scroll-to-top-speed` | Animation duration in milliseconds | 2000 | Any number |\n| `wa-scroll-to-top-easing` | Animation easing function | `ease` | `linear`, `ease`, `ease-in`, `ease-out`, `ease-in-out`, `bounce` |\n| `wa-scroll-to-top-delay` | Delay before scroll starts (ms) | 0 | Any number |\n| `wa-scroll-to-top-offset` | Offset from top in pixels | 0 | Any number |\n\n### Magnifying Dock Attributes\n\n| Attribute | Description | Default | Values |\n|-----------|-------------|---------|--------|\n| `wa-magnifying-dock-strength` | Strength of the scaling effect | 100 | Any number |\n| `wa-magnifying-dock-max-scale` | Maximum scale factor | 2 | Any number ≥ 1 |\n| `wa-magnifying-dock-direction` | Direction of scaling | `horizontal` | `horizontal`, `vertical` |\n| `wa-magnifying-reactive` | Enable reactive scaling mode | `true` | `true`, `false` |\n\n## 🎭 Advanced Examples\n\n### Advanced Tooltip Example\n\n```html\n<button \n  wa-tooltip=\"component\"\n  wa-tooltip-body=\"<strong>Bold text</strong> and <em>italic text</em>\"\n  wa-tooltip-placement=\"bottom\"\n  wa-tooltip-theme=\"light-border\"\n  wa-tooltip-arrow=\"true\"\n  wa-tooltip-effect=\"scale\"\n  wa-tooltip-duration=\"500\"\n  wa-tooltip-delay-before=\"200\"\n  wa-tooltip-offset-y=\"10\"\n  wa-tooltip-interactive=\"true\"\n  wa-tooltip-allow-html=\"true\"\n>\n  Advanced Tooltip\n</button>\n```\n\n### Advanced Scroll to Top Example\n\n```html\n<button \n  wa-scroll-to-top=\"component\"\n  wa-scroll-to-top-speed=\"1500\"\n  wa-scroll-to-top-easing=\"bounce\"\n  wa-scroll-to-top-delay=\"200\"\n  wa-scroll-to-top-offset=\"100\"\n>\n  Scroll to Top\n</button>\n```\n\n### Advanced Magnifying Dock Example\n\n```html\n<div \n  wa-magnifying-dock=\"component\"\n  wa-magnifying-dock-strength=\"150\"\n  wa-magnifying-dock-max-scale=\"3\"\n  wa-magnifying-dock-direction=\"vertical\"\n  wa-magnifying-reactive=\"false\"\n>\n  <div wa-magnifying-dock=\"list\">\n    <div wa-magnifying-dock=\"item\">\n      <img src=\"gallery1.jpg\" alt=\"Gallery Image 1\">\n    </div>\n    <div wa-magnifying-dock=\"item\">\n      <img src=\"gallery2.jpg\" alt=\"Gallery Image 2\">\n    </div>\n    <div wa-magnifying-dock=\"item\">\n      <img src=\"gallery3.jpg\" alt=\"Gallery Image 3\">\n    </div>\n  </div>\n</div>\n```\n\n### Available Animation Effects\n\n- `shift-away`: Tooltip shifts away from trigger\n- `shift-toward`: Tooltip shifts toward trigger\n- `scale`: Tooltip scales in/out\n- `perspective`: 3D perspective animation\n\n## 🔧 Development\n\n### Project Structure\n```\nwicked.components/\n├── index.js          # Main entry point\n├── index.min.js      # Minified main entry point\n├── tooltip.js        # Tooltip component\n├── tooltip.min.js    # Minified tooltip component\n├── scroll-to-top.js  # Scroll to Top component\n├── scroll-to-top.min.js # Minified scroll to top component\n├── social-share.js   # Social sharing component\n├── social-share.min.js # Minified social sharing component\n├── counter.js        # Animated counter component\n├── counter.min.js    # Minified counter component\n├── previous-page.js  # Previous page navigation component\n├── previous-page.min.js # Minified previous page component\n├── magnifying-dock.js # Magnifying dock component\n├── magnifying-dock.min.js # Minified magnifying dock component\n├── package.json      # Package configuration\n└── README.md         # This file\n```\n\n### Scripts\n```bash\n# Run tests\nnpm test\n```\n\n## 📝 Changelog\n\n### v1.3.0\n- Added Magnifying Dock component with interactive scaling effects\n- Added support for horizontal and vertical scaling directions\n- Added reactive and ring-based scaling modes\n- Added customizable strength and max scale options\n\n### v1.2.1\n- Added minified files\n\n### v1.2.0\n- Added Social Share component with multiple platform support\n- Added Counter component with animated counting functionality\n- Added Previous Page component for navigation\n\n### v1.1.0\n- Added Scroll to Top component with customizable animations\n\n### v1.0.0\n- Initial release\n- Tooltip component with extensive customization options\n- Webflow integration support\n- Automatic dependency loading\n\n## 📄 License\n\nISC License - see LICENSE file for details.\n\n## 👥 Author\n\n**[wicked.apps](https://www.npmjs.com/~wicked.apps)**\n\n---\n\nMade with ❤️ by wicked.apps\n","readmeFilename":"README.md"}