{"_id":"@cloudparker/easy-horizontal-scroller-svelte","_rev":"2-7f6491af4cd81896cfcf86a489f2b747","name":"@cloudparker/easy-horizontal-scroller-svelte","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@cloudparker/easy-horizontal-scroller-svelte","version":"0.0.1","keywords":["svelte","js","scroller","ui","easy"],"author":{"name":"cloudparker.com"},"license":"MIT","scripts":{"dev":"vite dev","build":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","test":"playwright test","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","test:unit":"vitest","lint":"prettier --plugin-search-dir . --check . && eslint .","format":"prettier --plugin-search-dir . --write ."},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^3.54.0","@sveltejs/kit":"^1.5.0"},"dependencies":{"@playwright/test":"^1.28.1","@sveltejs/adapter-auto":"^2.0.0","@sveltejs/package":"^2.0.0","@typescript-eslint/eslint-plugin":"^5.45.0","@typescript-eslint/parser":"^5.45.0","eslint":"^8.28.0","eslint-config-prettier":"^8.5.0","eslint-plugin-svelte3":"^4.0.0","prettier":"^2.8.0","prettier-plugin-svelte":"^2.8.1","publint":"^0.1.9","svelte":"^3.54.0","svelte-check":"^3.0.1","tslib":"^2.4.1","typescript":"^5.0.0","vite":"^4.2.0","vitest":"^0.25.3"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","gitHead":"b5423652a6ec001c01054352b09b7fe118ac06b0","description":"A lightweight and user-friendly library for implementing horizontal scrolling on both web and mobile UIs. This intuitive scroller relies solely on the drag feature, providing a seamless and responsive experience across various devices.","_id":"@cloudparker/easy-horizontal-scroller-svelte@0.0.1","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-Fw75WIBN39Gs/+ORluubT6fz9LRDBfUwlatahgJtuuSlS59OrLid8e8+w8VIM6UURt60TPrp3IlfjtxL3/7dig==","shasum":"25655909cf365d696b510014b17453235f4d4f7f","tarball":"https://registry.npmjs.org/@cloudparker/easy-horizontal-scroller-svelte/-/easy-horizontal-scroller-svelte-0.0.1.tgz","fileCount":6,"unpackedSize":5841,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCd6W6DPr3/0Ko+d76FMfu2ItLZFj7T3HcfXSon3NQ81gIhAKwOzR2MPCsZnhim83uY50waVFLg9tfvcRURTG34TSAh"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkKIU+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9whAAicvXrhcPYrz7qTkQ73MMvk2xUaw4X26pQi9oB8WNmEOxKxEc\r\nbu4h9kPte2ptgygiOVJb9WPNOISgGqvigmjNsqrUvfNegcw5gqBIh3/pnZ05\r\nQoepSUhsbF6zEQrf+va3iKkK6MAn/I72CObyTTZH/ordeaJwNOxGdAcmRDpW\r\n7HSu5OlwECG6OGZmkViVfJbc3Q8nr0GFHsVbQT+/f8gHiLhtXMUDKrKw1cQt\r\nZphYi37MThwns+qrC29n9uuem3ehOmM9j37pVlS5W/SMyjR2JRnaiv420HoY\r\nOMCLnh9sx1hrxSv7QUa2NEyAypaWn6LZPpeZhUlGFE9/1SyXnOfhfBHcnstz\r\nKQv+FsrlNMkaa1o3qLKjgTXO8q7b0Ud0UFdHDxKUc2vxEn9KDHOJRRS3nRS+\r\nWyZbCKBIxghzhwBOyhCv+FaS+fQza/EW7iZWBknhs/cRKuIZv0+AnWMhagYL\r\nsIUzzoDoMyAlPWjHuX4iIn4JrI2BeXWPzLwWhzrvzdii0fOGoioZwLxBMVeo\r\n/fp6GePNzYxXFgMDUK2qETFTdLwsgP+0279r0vF1gdGFfcAxKfNHa/HA8GzO\r\nFhWVqhA0k/tG4QtbZkoAQz4rGqq3ixLbelZmB36+Vyir/lxj4ek8XzGJkJV9\r\nEWao/t11oNsaex+KpIKmQ1MlPJL8MDW1Dzg=\r\n=dnk5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"couldparker.com","email":"cloudparker.com@gmail.com"},"directories":{},"maintainers":[{"name":"couldparker.com","email":"cloudparker.com@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/easy-horizontal-scroller-svelte_0.0.1_1680377150681_0.6586977983558593"},"_hasShrinkwrap":false},"0.0.2":{"name":"@cloudparker/easy-horizontal-scroller-svelte","version":"0.0.2","keywords":["svelte","js","scroller","ui","easy"],"author":{"name":"cloudparker.com"},"license":"MIT","scripts":{"dev":"vite dev","build":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","test":"playwright test","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","test:unit":"vitest","lint":"prettier --plugin-search-dir . --check . && eslint .","format":"prettier --plugin-search-dir . --write ."},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^3.54.0","@sveltejs/kit":"^1.5.0"},"dependencies":{"@playwright/test":"^1.28.1","@sveltejs/adapter-auto":"^2.0.0","@sveltejs/package":"^2.0.0","@typescript-eslint/eslint-plugin":"^5.45.0","@typescript-eslint/parser":"^5.45.0","eslint":"^8.28.0","eslint-config-prettier":"^8.5.0","eslint-plugin-svelte3":"^4.0.0","prettier":"^2.8.0","prettier-plugin-svelte":"^2.8.1","publint":"^0.1.9","svelte":"^3.54.0","svelte-check":"^3.0.1","tslib":"^2.4.1","typescript":"^5.0.0","vite":"^4.2.0","vitest":"^0.25.3"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","gitHead":"b5423652a6ec001c01054352b09b7fe118ac06b0","description":"A lightweight and user-friendly library for implementing horizontal scrolling on both web and mobile UIs. This intuitive scroller relies solely on the drag feature, providing a seamless and responsive experience across various devices.","_id":"@cloudparker/easy-horizontal-scroller-svelte@0.0.2","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-ASGV3gXX3eokh6Tl93/wwALayDuqELN8/vycz/cuDxnB9sR9APjAWjtsKeP1Gu29G3kYkpNrWXR7HxpSvkrM7A==","shasum":"7df16b28be96de76f39003a9d58a548df85317c8","tarball":"https://registry.npmjs.org/@cloudparker/easy-horizontal-scroller-svelte/-/easy-horizontal-scroller-svelte-0.0.2.tgz","fileCount":6,"unpackedSize":5744,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICeXfzYfGwQ0XKEisqvBcqVSpQNV6C82SuXZJtORkqLMAiAVZdrRYTsPmrTodzHi+AEbF71n6OiihmsY3DfJbjMPpA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkKIquACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZ8xAAokfJyEKJTsMXfySK8ldyUk7hkjxAnVPMN0wTRl+ebOaLbFld\r\nf62cpZsVMHh2vY72B6Tdg9VtaEkSJokyxWQP4GwFxRHi7xIiBWS+fdCfA1o4\r\nA1ND2W+ZmFpIAtxpBD6tUR/351ORUwn36cXHdERDy8QVg6K9+J69EAakDrAC\r\nBFgQSmWM+uo6AeL/g+vV88PNvkOVl19YFKdjiCRTgtb1CBqiUmbVt1JG/hoz\r\nSWpAI6rHFcbJLeMbeOCs2uRyqXysNEkmKWBn7JIR/5InS++QkLdMrB60Tb8m\r\nAFjJUaFHjtXSycJK7c6GJ4iXBgwZHU4ORnADldW2Ifs6GJ+xP+kla8TyuJg4\r\nvm7VHXaMuhButFRRw5ZysrUf0ZDm47X1c1RP/R48zZES2Cx8J+SLsbvUwP3E\r\nKhm94iDY5PtIBcjIV7U55dmAicZW827jVgjfBRVmc0jvVBFKlBBtT7ZCw90L\r\nyJmc4vuhwyMn7a6uqaP4LtvYCQ3GyRUWV6YWPS/TaiyNwI4nOwgB9Br90kRE\r\nwOaA6OZvtbFYauyE3V+/neic53r4onulDmKVmTElWPcXXMtHCwvIjjy2eoZW\r\nYKzNNuapyMUG1WSV5ps2WRm/DJ9E2UzUIuJpMAi0D2vyDOe/cJTf4wTHPzjb\r\nTTUNw8G2etkfxKO8XtFpRHU/rlsT06sEZdE=\r\n=BPrO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"couldparker.com","email":"cloudparker.com@gmail.com"},"directories":{},"maintainers":[{"name":"couldparker.com","email":"cloudparker.com@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/easy-horizontal-scroller-svelte_0.0.2_1680378541879_0.3683241799302328"},"_hasShrinkwrap":false},"0.0.4":{"name":"@cloudparker/easy-horizontal-scroller-svelte","version":"0.0.4","keywords":["svelte","js","scroller","ui","easy"],"author":{"name":"cloudparker.com"},"license":"MIT","scripts":{"dev":"vite dev","build":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","test":"playwright test","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","test:unit":"vitest","lint":"prettier --plugin-search-dir . --check . && eslint .","format":"prettier --plugin-search-dir . --write ."},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^3.54.0","@sveltejs/kit":"^1.5.0"},"dependencies":{"@playwright/test":"^1.28.1","@sveltejs/adapter-auto":"^2.0.0","@sveltejs/package":"^2.0.0","@typescript-eslint/eslint-plugin":"^5.45.0","@typescript-eslint/parser":"^5.45.0","eslint":"^8.28.0","eslint-config-prettier":"^8.5.0","eslint-plugin-svelte3":"^4.0.0","prettier":"^2.8.0","prettier-plugin-svelte":"^2.8.1","publint":"^0.1.9","svelte":"^3.54.0","svelte-check":"^3.0.1","tslib":"^2.4.1","typescript":"^5.0.0","vite":"^4.2.0","vitest":"^0.25.3"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","gitHead":"b5423652a6ec001c01054352b09b7fe118ac06b0","description":"A lightweight and user-friendly library for implementing horizontal scrolling on both web and mobile UIs. This intuitive scroller relies solely on the drag feature, providing a seamless and responsive experience across various devices.","_id":"@cloudparker/easy-horizontal-scroller-svelte@0.0.4","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-ZjgmCxMBEVebydzg9ojgm8l/Nga8i7X5U1U20ezUnp4HhCn+2/sSHusmarQBRsDUtsFYw1JuBvMGAtgaclMrDA==","shasum":"e276316627febe9bd84486a2e2bd5d0ceaa9991f","tarball":"https://registry.npmjs.org/@cloudparker/easy-horizontal-scroller-svelte/-/easy-horizontal-scroller-svelte-0.0.4.tgz","fileCount":6,"unpackedSize":6015,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWnMUu9aOsuGIeC2V+Jl5LwkPxkK+ay7g9GRJOc3UnQgIgZEHFMjoK+KIMvCqwAO3PiHMTVMRBuDFOY++k6g/fDvI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkMi4zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBQA//XF2V3lG6C3hWg502gqXZM8LovixXlqQm5ss3WglmLShAiDTM\r\nz1bxTGy2ErzqTXBqGbqLBVBFwMzHsI5iiZmHOWFopljf4mJq/aW6QvTRCJCT\r\nNjDOQ45mWswxk6KimpT9BWp4pDFEKMlCXgHw0SEQXhR7VPqYLLelIeicw6BL\r\ns5ZLSqtnFTO24Iq5lIud+8x6U7v0HuP+lP13sAXfEvOYAcbuwt1xcS0OkLvE\r\nAKhCaWPZsAVp8THi7wmQHMDgzj6pPkohSr66pLdG4zRWNcnb1CzlJhD8N01P\r\n4cDZ9VTwXykq3r4G/lac0YIzsxzIQrlLRcMeRm23mrdZV82b7l9sIcwZkTyU\r\n+he24wIcWPYCjbeYs4elZlHkxb3rMzrAKCJ32YRGstMhYyxk7otisEZ8qTF1\r\nHDu+rf0Zty698orRd+uQXGdO0D7dxnkZmbgEDtuGP19ocGg4v/cLh/VMss27\r\n105N8rBsjivlLAa42NWdpeqPNMZVcJhyEZY2cFw0Pl0qNsjDKSNLzRMFLQbv\r\nNjDKKhDwGG7R4G8AH0llEqI1INrWJQDRKUndonRdWSRJvYdCtkygNq1Gev92\r\nEspftuPQZOkQC5NY7DSHG6lEb5R9QAMBTNws7RxpfhDorMAVyFcSCgvHWSZK\r\nYSOXfVrZ35nQDa3nxibwwmCTnAhWQy0l804=\r\n=F+Mn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"couldparker.com","email":"cloudparker.com@gmail.com"},"directories":{},"maintainers":[{"name":"couldparker.com","email":"cloudparker.com@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/easy-horizontal-scroller-svelte_0.0.4_1681010227338_0.05788024394393165"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-01T19:25:50.604Z","0.0.1":"2023-04-01T19:25:50.904Z","modified":"2023-04-09T03:17:07.668Z","0.0.2":"2023-04-01T19:49:02.103Z","0.0.4":"2023-04-09T03:17:07.537Z"},"maintainers":[{"name":"couldparker.com","email":"cloudparker.com@gmail.com"}],"description":"A lightweight and user-friendly library for implementing horizontal scrolling on both web and mobile UIs. This intuitive scroller relies solely on the drag feature, providing a seamless and responsive experience across various devices.","keywords":["svelte","js","scroller","ui","easy"],"author":{"name":"cloudparker.com"},"license":"MIT","readme":"# easy-horizontal-scroller-svelte\n\nA lightweight and user-friendly library for implementing horizontal scrolling on both web and mobile UIs. This intuitive scroller relies solely on the drag feature, providing a seamless and responsive experience across various devices.\n\n# Install\n\n```sh\nnpm install @cloudparker/easy-horizontal-scroller-svelte --save-dev\n```\n# Screenshot\n<img src=\"https://raw.githubusercontent.com/paramanandapradhan/easy-horizontal-scroller-svelte/main/static/easy-horizontal-scroller-svelte.webp\" width=\"340\">\n\n# Usage\n\n```js\n<script>\n\timport EasyHorizontalScroller from '@cloudparker/easy-horizontal-scroller-svelte';\n</script>\n\n<EasyHorizontalScroller height=\"136px\">\n\t{#each Array(100) as _, index}\n\t\t<div class=\"item\" on:click={()=> console.log(\"clicked\")}>{index}</div>\n\t{/each}\n</EasyHorizontalScroller>\n\n<style>\n\t.item {\n\t\tbackground-color: aquamarine;\n\t\tmin-width: 128px;\n\t\tmin-height: 128px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tmargin: 4px;\n\t\tborder: 1px solid #d1d1d1;\n\t\tborder-radius: 5px;\n\t}\n</style>\n```\n\n# Props\n\n### height:string\n\n_Required_\n\nHeight of the scroller e.g `136px`\n\n\n ","readmeFilename":"README.md"}