{"_id":"@braedencrankd/alpine-swiper","_rev":"12-e6a2ff24eece44b167c59050aaecd6e4","name":"@braedencrankd/alpine-swiper","dist-tags":{"latest":"0.2.1"},"versions":{"0.1.0":{"name":"@braedencrankd/alpine-swiper","version":"0.1.0","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-swiper@0.1.0","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"dist":{"shasum":"183f59d42247853caae7c454095205111cff1187","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-swiper/-/alpine-swiper-0.1.0.tgz","fileCount":5,"integrity":"sha512-d7wC/M/m3rWhROJLv8XAAc3RuFVyc9G0rZmWZ5e2/5w9Psxby/5IjdTSywFuNEFtHlf1lsHc8ErqdRWx//uFHA==","signatures":[{"sig":"MEQCIBNRixa1sQBTkjZXLHl1H2Mtr39fWQ29pmrzymDOnCW0AiAWsUPmAYSTPAEEraAp9+W330hIq/ExZbG+6xMCW+yAgg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15709},"main":"src/index.js","gitHead":"5a392bf3a0050d96a0550c68d9e6b8e190f5499b","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"swiper":"^11.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-swiper_0.1.0_1704770394352_0.5716236420961238","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@braedencrankd/alpine-swiper","version":"0.1.1","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-swiper@0.1.1","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://github.com/braedencrankd/alpine-swiper#readme","bugs":{"url":"https://github.com/braedencrankd/alpine-swiper/issues"},"dist":{"shasum":"8d3600cd332f682cfe3e97942c46d3198c8ce9b5","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-swiper/-/alpine-swiper-0.1.1.tgz","fileCount":5,"integrity":"sha512-CfXNvLH2ZuMRw+SA8gYmb22hxhSg51/l+aPGoj9jayjsd0qsiO4bmMFG1CDYpuYLe0A7HX9c3Sb1UyemTxD8nA==","signatures":[{"sig":"MEQCIHowrK+mbe/M+1bav/i2VWlrxZSalyIZPjSBoxbbWjNdAiAWWb2xC0dRKeOPb+BLRy4gXQrMQSQKePfZqgLTl+SSMA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15775},"main":"src/index.js","gitHead":"3b776e9e1b639eaab1733056d46b69bcaf23b4c2","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"repository":{"url":"git+https://github.com/braedencrankd/alpine-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"swiper":"^11.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-swiper_0.1.1_1704770644321_0.2101327361277554","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@braedencrankd/alpine-swiper","version":"0.1.2","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-swiper@0.1.2","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://github.com/braedencrankd/alpine-swiper#readme","bugs":{"url":"https://github.com/braedencrankd/alpine-swiper/issues"},"dist":{"shasum":"8952b160c2bd1fa89e720a21e68f3953c1e7e52c","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-swiper/-/alpine-swiper-0.1.2.tgz","fileCount":5,"integrity":"sha512-lwzjgHOLAHqtp1xgVoJMOU4PkAEbuyGkmiSyV9wHMFhSAHC5ApHAXQnceLbV3S/7q0sh05csCNkq70HYvJRxrg==","signatures":[{"sig":"MEUCIQCXRaMy6dWlj+tUKayKzp293X1AMPkLnTOc9UHRARxmyAIgMulBzcR+D2OqqrG2RTQqW5KyFziTrUrNfX8qHKvCV4M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15872},"main":"src/index.js","gitHead":"eb72c41e1dde1d329fef57a0ad9dfee6ee5b5a4d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"repository":{"url":"git+https://github.com/braedencrankd/alpine-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"swiper":"^11.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-swiper_0.1.2_1705005277561_0.3845424378276421","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@braedencrankd/alpine-swiper","version":"0.1.3","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-swiper@0.1.3","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://github.com/braedencrankd/alpine-swiper#readme","bugs":{"url":"https://github.com/braedencrankd/alpine-swiper/issues"},"dist":{"shasum":"7bb70c32631a260836e02e942f48c1a2d76c23a0","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-swiper/-/alpine-swiper-0.1.3.tgz","fileCount":5,"integrity":"sha512-TrTbB5P+ipX0+vK8QKAqJaWhAnWf/sLyqd27W4HwNSBQbbAgHLJJMg1kfFgt3cDruia50zkdC4CMLeWJ6VKbTg==","signatures":[{"sig":"MEYCIQClcXjiPb4T7Ddqou/KDfX72UVN2VNxDDRYe3fK848jGAIhALv7GxXiKIgqYLaCs3Syhu6C/o0+g5Q4iW4zZTZAfqif","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16461},"main":"src/index.js","gitHead":"c3d6341b4cb927620409f7fe1b20de8dd7b4f24d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"repository":{"url":"git+https://github.com/braedencrankd/alpine-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"swiper":"^11.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-swiper_0.1.3_1708294266265_0.07496962020047704","host":"s3://npm-registry-packages"}},"0.1.4":{"name":"@braedencrankd/alpine-swiper","version":"0.1.4","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-swiper@0.1.4","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://github.com/braedencrankd/alpine-swiper#readme","bugs":{"url":"https://github.com/braedencrankd/alpine-swiper/issues"},"dist":{"shasum":"bbb92494ed4d70e34f4cc116a9b01bfbcb058341","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-swiper/-/alpine-swiper-0.1.4.tgz","fileCount":5,"integrity":"sha512-sZimnkmaIb+yIymuKo9AL5QFW4kod6zW7KfrXFVy9xOYBem5dxokfqodB4X0oqv+A72lszU1tUgr5WTBvcmJ6A==","signatures":[{"sig":"MEUCIFaVSMlwClg86LcBb2plTZvCSiNdmLT8UtXI5Kt3ew10AiEAphT1ghAB9zmv3ixJVU/E9e0spjpkS8EK+9vpKBZp3Wo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16531},"main":"src/index.js","gitHead":"49bb1ad4f1d60498ab4e6cbc7f934311de0b1542","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"repository":{"url":"git+https://github.com/braedencrankd/alpine-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"swiper":"^11.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-swiper_0.1.4_1712720193889_0.653532026368757","host":"s3://npm-registry-packages"}},"0.1.5":{"name":"@braedencrankd/alpine-swiper","version":"0.1.5","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-swiper@0.1.5","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://github.com/braedencrankd/alpine-swiper#readme","bugs":{"url":"https://github.com/braedencrankd/alpine-swiper/issues"},"dist":{"shasum":"fb6eed8800ad1d105e0fdd569b957a91ea9a0af1","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-swiper/-/alpine-swiper-0.1.5.tgz","fileCount":5,"integrity":"sha512-eg9Xd5fHWUv4WdHaGBgVTpM5nGnUR/WwMupG9Q7D1jPOMGdacPsyWwUoPvCwWxNE+cPp/gSjGdGYHc5GszD4nA==","signatures":[{"sig":"MEYCIQDpvQvLKSo7u/1/u0m3iBOiMg91QZyrbkoGs2wYq1QzoAIhAOPTDIdxe1gY2GaEm0w8G6vHWrKk7QYnR7aWDIcCDna2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17221},"main":"src/index.js","gitHead":"2893474c2b471f5b91d8b0ef1197bf0f448c4eb5","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"repository":{"url":"git+https://github.com/braedencrankd/alpine-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"swiper":"^11.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-swiper_0.1.5_1712721101429_0.20967157423737803","host":"s3://npm-registry-packages"}},"0.1.7":{"name":"@braedencrankd/alpine-swiper","version":"0.1.7","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-swiper@0.1.7","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://github.com/braedencrankd/alpine-swiper#readme","bugs":{"url":"https://github.com/braedencrankd/alpine-swiper/issues"},"dist":{"shasum":"41378b2c431e9a2409f2e57a22468b25dc4298e3","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-swiper/-/alpine-swiper-0.1.7.tgz","fileCount":5,"integrity":"sha512-FBW8Ly/SD5O0dtoF3BA1vZGUITHtS/OAlJnaCtYx58+4545zxGenHA0meaR8NSN6ljbLrEgiAi2h4PN/Zkzw2w==","signatures":[{"sig":"MEYCIQCIQDSEP7MOg8Zjir85xl4T9VD8691hoaIT3+TyEzXlewIhAI7oKAAtTZXnIYfGnAAcX/7Mcs63NVqwcBlOpxp/dPZB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17183},"main":"src/index.js","gitHead":"0d3f24686d52e6e54e3d580bf0a9635d291c0e15","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"repository":{"url":"git+https://github.com/braedencrankd/alpine-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"swiper":"^11.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-swiper_0.1.7_1712722035778_0.4701696189839657","host":"s3://npm-registry-packages"}},"0.1.8":{"name":"@braedencrankd/alpine-swiper","version":"0.1.8","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-swiper@0.1.8","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://github.com/braedencrankd/alpine-swiper#readme","bugs":{"url":"https://github.com/braedencrankd/alpine-swiper/issues"},"dist":{"shasum":"b1a3699adc80df60681c6eafbe50b974dadd98b3","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-swiper/-/alpine-swiper-0.1.8.tgz","fileCount":5,"integrity":"sha512-PUHDRHNXFbSvjpsMT9Y0FAJ3QS8q2ANaxu+nX9PdAnAKjQhC1aeyV+ZuS9gCRtm1WZA2soDdSmPVgx363Yxz8A==","signatures":[{"sig":"MEUCIQC3stsg9TKycNYw3SuJ5sR91ZVqtJBuaMWOXO47u6eZ8gIgOhebu9CtstRIVlQ7nLkFx7dPEpL8RkEdVKeo2rDtXIs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16965},"main":"src/index.js","gitHead":"29095d886e0d69b75aaad4728c27e4e0ef8e6995","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"repository":{"url":"git+https://github.com/braedencrankd/alpine-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"swiper":"^11.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-swiper_0.1.8_1712783745441_0.6129692109946816","host":"s3://npm-registry-packages"}},"0.1.9":{"name":"@braedencrankd/alpine-swiper","version":"0.1.9","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-swiper@0.1.9","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://github.com/braedencrankd/alpine-swiper#readme","bugs":{"url":"https://github.com/braedencrankd/alpine-swiper/issues"},"dist":{"shasum":"8bc2355343faec5662eeabedaeb21621140cac5c","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-swiper/-/alpine-swiper-0.1.9.tgz","fileCount":5,"integrity":"sha512-rpoJ7jLG4MZuHgIckDFKG4/Ypq1L1wIdxU19c2cLU4djQXf+XO0at0sp7CFoXeowOysf09+yIdScWz1Qj8bFMA==","signatures":[{"sig":"MEUCIQCDj7qyfM4yzjSZd6Q9+bpUoLF35haoujBgR0rLWvfRtQIgTz+L2jl90m6ritfmhGSNG56y3JLSyXKyDUdnksyO0Kg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17004},"main":"src/index.js","gitHead":"6f077e991db933ab6e30da6ebde6f93eb101025f","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"repository":{"url":"git+https://github.com/braedencrankd/alpine-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"swiper":"^11.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-swiper_0.1.9_1720743271473_0.5999677735023017","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@braedencrankd/alpine-swiper","version":"0.2.0","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-swiper@0.2.0","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://github.com/braedencrankd/alpine-swiper#readme","bugs":{"url":"https://github.com/braedencrankd/alpine-swiper/issues"},"dist":{"shasum":"4cb9769fd636ec330fdc14981d01635237d2c812","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-swiper/-/alpine-swiper-0.2.0.tgz","fileCount":5,"integrity":"sha512-9qYlNo4N4kaMz8rw1cLk1jmpwsmlB7PcfVJk/yuAyyr1TLGNrXdrW9NgC2yI+nGA98C/JL7G84G3S/KLL7p5vQ==","signatures":[{"sig":"MEUCIA8+iYZnmOXxK9gGJIA+LlFcjf1btEL9fxPMxr/gtbrhAiEApftpJuk5LSN+2O9fL5Hi4kANVXrTTQglBDi+3f8RWNc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16983},"main":"src/index.js","gitHead":"b75048cad4d9064df8524bc53114a92ccf18a883","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"repository":{"url":"git+https://github.com/braedencrankd/alpine-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"swiper":"^11.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-swiper_0.2.0_1720751659396_0.13648499345430154","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"@braedencrankd/alpine-swiper","version":"0.2.1","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-swiper@0.2.1","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://github.com/braedencrankd/alpine-swiper#readme","bugs":{"url":"https://github.com/braedencrankd/alpine-swiper/issues"},"dist":{"shasum":"1a4e3a7500081281c113fd14750bd47d264f6018","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-swiper/-/alpine-swiper-0.2.1.tgz","fileCount":5,"integrity":"sha512-RxFKRVlTNKwlf4e1OyEREf81ypflnvUTYp/gnG7EaZYciXUMEvIQEZ8u5YRx3oqRCWg2wDZoLNM1u2oi4OQA9w==","signatures":[{"sig":"MEYCIQCS1mtW1yuMFSC89bm6oloIhU55VXoxfwROx6Snz96IyAIhAPdvwLu57feEb52GTtbqWlfCDSCX06zLQU+UA8VHEqIO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17167},"main":"src/index.js","gitHead":"b98ae99a2eee0f55e82b9b2db44df0c6967a9f1a","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"repository":{"url":"git+https://github.com/braedencrankd/alpine-swiper.git","type":"git"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"swiper":"^11.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-swiper_0.2.1_1725332339022_0.6794492113824238","host":"s3://npm-registry-packages"}}},"time":{"created":"2024-01-09T03:19:54.231Z","modified":"2025-07-24T04:24:56.848Z","0.1.0":"2024-01-09T03:19:54.577Z","0.1.1":"2024-01-09T03:24:04.528Z","0.1.2":"2024-01-11T20:34:37.739Z","0.1.3":"2024-02-18T22:11:06.468Z","0.1.4":"2024-04-10T03:36:34.061Z","0.1.5":"2024-04-10T03:51:41.595Z","0.1.7":"2024-04-10T04:07:15.942Z","0.1.8":"2024-04-10T21:15:45.647Z","0.1.9":"2024-07-12T00:14:31.634Z","0.2.0":"2024-07-12T02:34:19.602Z","0.2.1":"2024-09-03T02:58:59.180Z"},"bugs":{"url":"https://github.com/braedencrankd/alpine-swiper/issues"},"author":{"name":"Braeden Foster"},"license":"ISC","homepage":"https://github.com/braedencrankd/alpine-swiper#readme","repository":{"url":"git+https://github.com/braedencrankd/alpine-swiper.git","type":"git"},"description":"An AlpineJS plugin for using the SwiperJS with Alpine Directives","maintainers":[{"email":"braedenleefoster@gmail.com","name":"pixelsprout"}],"readme":"# alpine-swiper\n\n**DISCLAIMER: This package is still in active development and is not ready for production use. I'm open to any suggestions on improving this package.**\n\nAn AlpineJS plugin to create a SwiperJS slider using the elegance alpine directives.\n\n## Resources\n\n- [Swiper JS](https://swiperjs.com/)\n- [Alpine JS](https://alpinejs.dev/)\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Setup](#setup)\n- [Usage](#usage)\n  - [Basic Usage](#basic-usage)\n  - [Modifiers Syntax](#modifiers-syntax)\n  - [Config Object Syntax](#config-object-syntax)\n- [Available Swiper Modules](#available-swiper-modules)\n\n## Installation\n\nTo install the \"alpine-swiper\" package, you can use npm, pnpm or yarn. Run the following command in your project directory:\n\n```bash\nnpm install @braedencrankd/alpine-swiper\n# or\nyarn add @braedencrankd/alpine-swiper\n# or\npnpm add @braedencrankd/alpine-swiper\n```\n\n## Setup\n\nImport the `alpine-swiper` plugin in your project entry point.\n\n```js\nimport alpineSwiper from \"alpine-swiper\";\nAlpine.plugin(alpineSwiper);\n```\n\n## Usage\n\n### Basic Usage\n\nDefine the `x-swiper` directive on the swiper container element.\nInside the container element, you must define a wrapper element with the class `swiper-wrapper`. Each child element can be defined as a slide using the class `swiper-slide`.\n\n_**Note:** make sure to add the `x-init` or `x-data` directive to the container element to ensure the swiper is initialized when Alpine is loaded._\n\n```html\n<div x-init>\n  <div x-swiper>\n    <!-- Additional required wrapper -->\n    <div class=\"swiper-wrapper\">\n      <!-- Slides -->\n      <div class=\"swiper-slide\">Slide 1</div>\n      <div class=\"swiper-slide\">Slide 2</div>\n      <div class=\"swiper-slide\">Slide 3</div>\n      <div class=\"swiper-slide\">Slide 4</div>\n    </div>\n  </div>\n</div>\n```\n\n### Modifiers Syntax\n\nUse the `x-swiper` directive to initialize the swiper component.\n\nThe simplist way to configure the slider is to use modifiers. The following example will create a slider with 3 slides per view, space between slides of 20px.\n\n```html\n<div x-swiper.space-between.20.slides-per-view.3>...</div>\n```\n\nYou can also define the breakpoints for the slider using modifiers. The following example will create a slider with 3 slides per view, space between slides of 20px on screens larger than 640px, and 1 slide per view, space between slides of 10px on screens smaller than 640px.\n\n```html\n<div x-swiper.space-between.20.slides-per-view.1.lg:slides-per-view.3>...</div>\n```\n\nEach modifier usually has a following modifier to define the value.\nEg. `slides-per-view.1` or `slides-per-view.3`.\n\nProperties that are booleans are defined without a value for brevity.\nEg. `loop` or `autoplay`.\n\n_Note: Each modifier corresponds to the options defined by the SwiperJS package: the documentation can be found [here](https://swiperjs.com/swiper-api)._\n\n### Config Object Syntax\n\nAlternativly you can use the `x-swiper` directive with a config object. The following example will create a slider with 3 slides per view, space between slides of 20px.\n\n```html\n<div x-swiper=\"{ spaceBetween: 20, slidesPerView: 3 }\">...</div>\n```\n\n## Available Swiper Modules\n\nOnly some of the SwiperJS modules are available for now. The following modules are listed below:\n\n- [Navigation](https://swiperjs.com/swiper-api#navigation)\n- [Pagination](https://swiperjs.com/swiper-api#pagination)\n- [Autoplay](https://swiperjs.com/swiper-api#autoplay)\n- [Controller](https://swiperjs.com/swiper-api#controller)\n- [Effect Fade](https://swiperjs.com/swiper-api#effect-fade)\n\nThese modules can be used by there associated properties.\nFor example autoplay can be used by addding the `autoplay` modifier to the `x-swiper` directive.\n\n```html\n<div x-swiper.autoplay>...</div>\n```\n\nThe swiper navigation buttons can be added by adding an additional `navigation` directive type.\n\n```html\n<div\n  x-swiper\n  x-swiper:navigation=\"{\n      nextEl: '.product-swiper-next',\n      prevEl: '.product-swiper-prev'\n    }\"\n>\n  ...\n</div>\n```\n","readmeFilename":"readme.md"}