{"_id":"@abuffseagull/alpine-embla","_rev":"2-669c82db429c921b4bea6b596f14bcde","name":"@abuffseagull/alpine-embla","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@abuffseagull/alpine-embla","version":"1.0.0","keywords":["alpinejs","carousel","embla","plugin","slider"],"author":{"name":"ABuffSeagull","email":"hey@abuffseagull.dev"},"license":"MIT","_id":"@abuffseagull/alpine-embla@1.0.0","maintainers":[{"name":"abuffseagull","email":"reecevanatta@gmail.com"}],"dist":{"shasum":"6e0f049b19ce9be9ee5621e173fcd6d477f782d0","tarball":"https://registry.npmjs.org/@abuffseagull/alpine-embla/-/alpine-embla-1.0.0.tgz","fileCount":7,"integrity":"sha512-dn+qjP3UTK3/c9gM+YPWvCtDOiCcOwI8ZqcyzYsMKX+pYdBfQEfx2SxriHKWj7tdEuBF+F55ofJzmE6BPuag1Q==","signatures":[{"sig":"MEUCIF1ncTfbl6MjLYKK1wf+6Pwwc/8lu/m5TsGqXuEP5qy6AiEA4DlwuQSmuLwP1jf7qzDQ3UitJGnFbYrAx/+7Egd6pD0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8818},"type":"module","types":"./index.d.ts","module":"index.js","exports":{".":"index.js","./autoplay":"./autoplay.js","./auto-scroll":"./auto-scroll.js"},"_npmUser":{"name":"abuffseagull","email":"reecevanatta@gmail.com"},"repository":{"url":"https://codeberg.org/ABuffSeagull/alpine-embla/src/branch/main","type":"git"},"_npmVersion":"11.11.0","description":"An Alpine.js plugin to use Embla Carousel","directories":{},"_nodeVersion":"25.8.1","dependencies":{"embla-carousel":"^8.6.0","embla-carousel-autoplay":"^8.6.0","embla-carousel-auto-scroll":"^8.6.0"},"_hasShrinkwrap":false,"devDependencies":{"oxfmt":"^0.42.0","oxlint":"^1.57.0","typescript":"^6.0.2"},"peerDependencies":{"alpinejs":"^3.15.9"},"_npmOperationalInternal":{"tmp":"tmp/alpine-embla_1.0.0_1774661487163_0.6839160098167387","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@abuffseagull/alpine-embla","version":"1.1.0","description":"An Alpine.js plugin to use Embla Carousel","keywords":["alpinejs","carousel","embla","plugin","slider"],"license":"MIT","author":{"name":"ABuffSeagull","email":"hey@abuffseagull.dev"},"repository":{"type":"git","url":"https://codeberg.org/ABuffSeagull/alpine-embla/src/branch/main"},"type":"module","module":"index.js","browser":"cdn.min.js","exports":{".":"index.js","./autoplay":"./autoplay.js","./auto-scroll":"./auto-scroll.js"},"scripts":{"prepack":"bun build cdn.js --minify --outfile=cdn.min.js"},"dependencies":{"embla-carousel":"^8.6.0","embla-carousel-auto-scroll":"^8.6.0","embla-carousel-autoplay":"^8.6.0"},"devDependencies":{"oxfmt":"^0.42.0","oxlint":"^1.57.0","typescript":"^6.0.2"},"peerDependencies":{"alpinejs":"^3.15.9"},"gitHead":"dafff8011fa3e468840919a2e77d40512579b349","types":"./index.d.ts","_id":"@abuffseagull/alpine-embla@1.1.0","_nodeVersion":"25.8.1","_npmVersion":"11.11.0","dist":{"integrity":"sha512-dLbEeXhPXW+/Tywz0KNEMnIATbkR4ZEsGE6YPcYDEFuwfUstADsk5pnimM3PM/Sqlpt36ui0cd1oGXFKycit2Q==","shasum":"e2aa60bcab36595036a7873d8349ca6207bb7fca","tarball":"https://registry.npmjs.org/@abuffseagull/alpine-embla/-/alpine-embla-1.1.0.tgz","fileCount":8,"unpackedSize":28817,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAUHdfvbJQaSiZ1UwnVvv0RyiGqZF1Kxt+F76/96DFGSAiAHMeBO42mRQNuCZPv+Z3eoHQFjYRDKZKjYqASeppMcTg=="}]},"_npmUser":{"name":"abuffseagull","email":"hey@abuffseagull.dev"},"directories":{},"maintainers":[{"name":"abuffseagull","email":"hey@abuffseagull.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/alpine-embla_1.1.0_1774663437618_0.8501129446497779"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-28T01:31:27.072Z","modified":"2026-03-28T02:03:57.917Z","1.0.0":"2026-03-28T01:31:27.323Z","1.1.0":"2026-03-28T02:03:57.774Z"},"author":{"name":"ABuffSeagull","email":"hey@abuffseagull.dev"},"license":"MIT","keywords":["alpinejs","carousel","embla","plugin","slider"],"repository":{"type":"git","url":"https://codeberg.org/ABuffSeagull/alpine-embla/src/branch/main"},"description":"An Alpine.js plugin to use Embla Carousel","maintainers":[{"name":"abuffseagull","email":"hey@abuffseagull.dev"}],"readme":"# Alpine Embla\n\nThis is a very simple [Alpine.js](https://alpinejs.dev/) plugin to use the [Embla Carousel](https://www.embla-carousel.com/).\n\n## Installation\n\n```sh\nnpm install @abuffseagull/alpine-embla\n```\n\nThis pulls in embla as a dependency, no need to install it separately.\n\n## Usage\n\n### Initialize Plugin\n\nAdd the plugin to Alpine:\n\n```typescript\nimport Alpine from \"alpinejs\";\nimport embla from \"@abuffseagull/alpine-embla\";\n\n// NOTE! this plugin needs to be called, unlike the first-party plugins\nAlpine.plugin(embla());\n\n// ...\n```\n\n### Basic\n\nUse the `x-carousel` directive to initialize the carousel with default settings.\nMake sure to follow [the HTML structure that Embla requires](https://www.embla-carousel.com/docs/get-started/module#the-html-structure).\n\n```html\n<div class=\"embla__viewport\" x-data x-carousel>\n  <div class=\"embla__container\">\n    <div class=\"embla__slide\">Slide 1</div>\n    <div class=\"embla__slide\">Slide 2</div>\n    <div class=\"embla__slide\">Slide 3</div>\n  </div>\n</div>\n```\n\n### Advanced\n\nCheck the [examples](./examples/) for more advanced use cases.\n\nThe reason the plugin is a function that needs to be called is to allow for setting [Global options](https://www.embla-carousel.com/docs/v8/api/options#global-options).\n\nSo if you want all carousels to `loop`, you can do:\n\n```typescript\nimport Alpine from \"alpinejs\";\nimport embla from \"@abuffseagull/alpine-embla\";\n\nAlpine.plugin(embla({ loop: true }));\n\n// ...\n```\n\n### Plugins\n\nAutoplay and Auto Scroll have already been added. I'll fill out the docs later.\n\n### CDN Usage\n\nComing soon?\n","readmeFilename":"README.md"}