{"_id":"svelte-overflow-fade","_rev":"7-1c588a62582bc9b6adb7be18091c668b","name":"svelte-overflow-fade","dist-tags":{"latest":"1.2.1"},"versions":{"1.0.0":{"name":"svelte-overflow-fade","version":"1.0.0","keywords":["svelte","svelte-action","overflow","fade","scroll","ui","scrollable"],"author":{"name":"Your Name"},"license":"MIT","_id":"svelte-overflow-fade@1.0.0","maintainers":[{"name":"harshmandan","email":"harshsinghmandan@gmail.com"}],"homepage":"https://github.com/yourusername/svelte-overflow-fade#readme","bugs":{"url":"https://github.com/yourusername/svelte-overflow-fade/issues"},"dist":{"shasum":"4c54258f6018e6ea872865ad64c055eda1dddf1a","tarball":"https://registry.npmjs.org/svelte-overflow-fade/-/svelte-overflow-fade-1.0.0.tgz","fileCount":5,"integrity":"sha512-AfCqapVQZ2beDmPYOEnhAwjOk79clwjnMVNTRHO2Gi3gkjHOxWFsww4QzaeoYWCE+PiJ0o2dQA4cjqkGsQMlFQ==","signatures":[{"sig":"MEQCIApRT7Zh/faUhLBHGbyudabkoe/LUGrexENsVbDXMMzmAiBwcsWeoqW4yepSGMuH6YMgFsfMJVzK9opFTaAklL85dg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16836},"pnpm":{"onlyBuiltDependencies":["esbuild"]},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"gitHead":"03c9e4f4f818385e225f2f10c6fb346519384911","scripts":{"dev":"vite dev","lint":"prettier --check . && eslint .","build":"vite build && npm run prepack","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","format":"prettier --write .","prepack":"svelte-kit sync && svelte-package && publint","prepare":"svelte-kit sync || echo ''","preview":"vite preview","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"_npmUser":{"name":"harshmandan","email":"harshsinghmandan@gmail.com"},"repository":{"url":"git+https://github.com/yourusername/svelte-overflow-fade.git","type":"git"},"_npmVersion":"10.9.2","description":"A Svelte action to add overflow fade effects to scrollable containers","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"packageManager":"pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977","devDependencies":{"vite":"^7.0.4","eslint":"^9.18.0","svelte":"^5.0.0","globals":"^16.0.0","publint":"^0.3.2","prettier":"^3.4.2","@eslint/js":"^9.18.0","typescript":"^5.0.0","svelte-check":"^4.0.0","@sveltejs/kit":"^2.22.0","@eslint/compat":"^1.2.5","@sveltejs/package":"^2.0.0","typescript-eslint":"^8.20.0","eslint-plugin-svelte":"^3.0.0","eslint-config-prettier":"^10.0.1","prettier-plugin-svelte":"^3.3.3","@sveltejs/adapter-static":"3.0.9","@sveltejs/vite-plugin-svelte":"^6.0.0"},"peerDependencies":{"svelte":"^5.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte-overflow-fade_1.0.0_1755263464117_0.3653147077285397","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"svelte-overflow-fade","version":"1.0.1","keywords":["svelte","svelte-action","overflow","fade","scroll","ui","scrollable"],"author":{"name":"Harsh Mandan"},"license":"MIT","_id":"svelte-overflow-fade@1.0.1","maintainers":[{"name":"harshmandan","email":"harshsinghmandan@gmail.com"}],"homepage":"https://harshmandan.github.io/svelte-overflow-fade/","bugs":{"url":"https://github.com/harshmandan/svelte-overflow-fade/issues"},"dist":{"shasum":"cb0f1c42020405dbb9f294f7645713b18646ccb8","tarball":"https://registry.npmjs.org/svelte-overflow-fade/-/svelte-overflow-fade-1.0.1.tgz","fileCount":5,"integrity":"sha512-eq49kcw76mWyZC4xyv3qyrbLHfwod32A6a0NYGGV7Htp15/bsI0TmbFLHfs247yha4Q+JGA1VFUhmkzO0fTCdQ==","signatures":[{"sig":"MEUCIQDKx0k/KdyztPLAmKdwKDf2YLBS+GqABP1HPb4c+QteEAIgRH3qLvGBOVD1Ohux7822ShS3VCLCLDrWhOUa310+1/A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16906},"pnpm":{"onlyBuiltDependencies":["esbuild"]},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"gitHead":"3d5f599b82b13f20ac01343750fe2d1d9675fa9b","scripts":{"dev":"vite dev","lint":"prettier --check . && eslint .","build":"vite build && npm run prepack","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","format":"prettier --write .","prepack":"svelte-kit sync && svelte-package && publint","prepare":"svelte-kit sync || echo ''","preview":"vite preview","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"_npmUser":{"name":"harshmandan","email":"harshsinghmandan@gmail.com"},"repository":{"url":"git+https://github.com/harshmandan/svelte-overflow-fade.git","type":"git"},"_npmVersion":"10.9.2","description":"A Svelte action to add overflow fade effects to scrollable containers","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"packageManager":"pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977","devDependencies":{"vite":"^7.0.4","eslint":"^9.18.0","svelte":"^5.0.0","globals":"^16.0.0","publint":"^0.3.2","prettier":"^3.4.2","@eslint/js":"^9.18.0","typescript":"^5.0.0","svelte-check":"^4.0.0","@sveltejs/kit":"^2.22.0","@eslint/compat":"^1.2.5","@sveltejs/package":"^2.0.0","typescript-eslint":"^8.20.0","eslint-plugin-svelte":"^3.0.0","eslint-config-prettier":"^10.0.1","prettier-plugin-svelte":"^3.3.3","@sveltejs/adapter-static":"3.0.9","@sveltejs/vite-plugin-svelte":"^6.0.0"},"peerDependencies":{"svelte":"^5.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte-overflow-fade_1.0.1_1755263619649_0.3236025793760138","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"svelte-overflow-fade","version":"1.0.2","keywords":["svelte","svelte-action","overflow","fade","scroll","ui","scrollable"],"author":{"name":"Harsh Mandan"},"license":"MIT","_id":"svelte-overflow-fade@1.0.2","maintainers":[{"name":"harshmandan","email":"harshsinghmandan@gmail.com"}],"homepage":"https://harshmandan.github.io/svelte-overflow-fade/","bugs":{"url":"https://github.com/harshmandan/svelte-overflow-fade/issues"},"dist":{"shasum":"69fcad3b2fc545a761bdaa72351b2f797c9a326d","tarball":"https://registry.npmjs.org/svelte-overflow-fade/-/svelte-overflow-fade-1.0.2.tgz","fileCount":5,"integrity":"sha512-+l/xaUNBnZraEqGRpLhLuCCf/WtrdcerWwjEqNuS3nmMxlncGhhXRCKxe88RfSYXAKbEBZrlH4Ficmc/QDPLXQ==","signatures":[{"sig":"MEUCIAPKSZAx9pJ5BOofFfSqtwzytAwEet9H72tZrbHsxbkrAiEAgxKUxJie/r4JBKTZhJIcJmSQHOpvEfPJxXICNGDYlAQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14540},"pnpm":{"onlyBuiltDependencies":["@tailwindcss/oxide","esbuild"]},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"gitHead":"9058ed7daae87ccbc08b35dff2ae5204477d5007","scripts":{"dev":"vite dev","lint":"prettier --check . && eslint .","build":"vite build && npm run prepack","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","format":"prettier --write .","prepack":"svelte-kit sync && svelte-package && publint","prepare":"svelte-kit sync || echo ''","preview":"vite preview","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","build:gh-pages":"vite build"},"_npmUser":{"name":"harshmandan","email":"harshsinghmandan@gmail.com"},"repository":{"url":"git+https://github.com/harshmandan/svelte-overflow-fade.git","type":"git"},"_npmVersion":"10.9.2","description":"A Svelte action to add overflow fade effects to scrollable containers","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.15.0","dependencies":{"tailwindcss":"^4.1.12","@tailwindcss/vite":"^4.1.12"},"_hasShrinkwrap":false,"packageManager":"pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977","devDependencies":{"vite":"^7.0.4","eslint":"^9.18.0","svelte":"^5.0.0","globals":"^16.0.0","publint":"^0.3.2","prettier":"^3.4.2","@eslint/js":"^9.18.0","typescript":"^5.0.0","svelte-check":"^4.0.0","@sveltejs/kit":"^2.22.0","@eslint/compat":"^1.2.5","@sveltejs/package":"^2.0.0","typescript-eslint":"^8.20.0","eslint-plugin-svelte":"^3.0.0","eslint-config-prettier":"^10.0.1","prettier-plugin-svelte":"^3.3.3","@sveltejs/adapter-static":"3.0.9","@sveltejs/vite-plugin-svelte":"^6.0.0"},"peerDependencies":{"svelte":"^5.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte-overflow-fade_1.0.2_1755343377042_0.149093996730433","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"svelte-overflow-fade","version":"1.0.3","keywords":["svelte","svelte-action","overflow","fade","scroll","ui","scrollable"],"author":{"name":"Harsh Mandan"},"license":"MIT","_id":"svelte-overflow-fade@1.0.3","maintainers":[{"name":"harshmandan","email":"harshsinghmandan@gmail.com"}],"homepage":"https://harshmandan.github.io/svelte-overflow-fade/","bugs":{"url":"https://github.com/harshmandan/svelte-overflow-fade/issues"},"dist":{"shasum":"fb13dc966357ce1291429cfdd1c3e9ad0c564ee8","tarball":"https://registry.npmjs.org/svelte-overflow-fade/-/svelte-overflow-fade-1.0.3.tgz","fileCount":5,"integrity":"sha512-SpMlqO7qdKFO2HsHIQl4NnhB3WxQ8FlXQ2KG2Jh5HPFxl7KTI7fR8MJshJkP8UGyc8XuecLewE2lhb3a7UFkYQ==","signatures":[{"sig":"MEQCIBz9yxMTE/O05BNw42ZShscrwBg9mzBEXmJwtT3v1f1hAiABFEmn+dE0wxBheIp+Cu1ThyhV2ULy4ylRtfNCiiKlAA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16797},"pnpm":{"onlyBuiltDependencies":["@tailwindcss/oxide","esbuild"]},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"gitHead":"5cdef75cafa642b3cb688f7ef0b715fd08ccf57b","scripts":{"dev":"vite dev","lint":"prettier --check . && eslint .","build":"vite build && npm run prepack","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","format":"prettier --write .","prepack":"svelte-kit sync && svelte-package && publint","prepare":"svelte-kit sync || echo ''","preview":"vite preview","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","build:gh-pages":"vite build"},"_npmUser":{"name":"harshmandan","email":"harshsinghmandan@gmail.com"},"repository":{"url":"git+https://github.com/harshmandan/svelte-overflow-fade.git","type":"git"},"_npmVersion":"10.9.2","description":"A Svelte action to add overflow fade effects to scrollable containers","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"packageManager":"pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977","devDependencies":{"vite":"^7.0.4","eslint":"^9.18.0","svelte":"^5.0.0","globals":"^16.0.0","publint":"^0.3.2","prettier":"^3.4.2","@eslint/js":"^9.18.0","typescript":"^5.0.0","tailwindcss":"^4.1.12","svelte-check":"^4.0.0","@sveltejs/kit":"^2.22.0","@eslint/compat":"^1.2.5","@sveltejs/package":"^2.0.0","@tailwindcss/vite":"^4.1.12","typescript-eslint":"^8.20.0","eslint-plugin-svelte":"^3.0.0","eslint-config-prettier":"^10.0.1","prettier-plugin-svelte":"^3.3.3","@sveltejs/adapter-static":"3.0.9","@sveltejs/vite-plugin-svelte":"^6.0.0"},"peerDependencies":{"svelte":"^5.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte-overflow-fade_1.0.3_1757071010206_0.16666932578620863","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"svelte-overflow-fade","version":"1.1.0","keywords":["svelte","svelte-action","overflow","fade","scroll","ui","scrollable"],"author":{"name":"Harsh Mandan"},"license":"MIT","_id":"svelte-overflow-fade@1.1.0","maintainers":[{"name":"harshmandan","email":"harshsinghmandan@gmail.com"}],"homepage":"https://harshmandan.github.io/svelte-overflow-fade/","bugs":{"url":"https://github.com/harshmandan/svelte-overflow-fade/issues"},"dist":{"shasum":"3d99822d18beb251f7b6b6d901be2c1e4b932c8f","tarball":"https://registry.npmjs.org/svelte-overflow-fade/-/svelte-overflow-fade-1.1.0.tgz","fileCount":5,"integrity":"sha512-VvBHkzUQNRr0qWVjF+K87BdglwbykV62zcTcbZpi2Z1iKV/y4aR+HqcqdtERlJSIucIom5AUfYlI+SOOVyO7cQ==","signatures":[{"sig":"MEUCIQCSVdhC3ayVTWo8H8v0Sw1ndrmGOuy3tzk8gKqtt9H0mgIgNZ5cBOyUlYE/vupG19In+DQgPrllJpnv+MW+rmN7TQs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18357},"pnpm":{"onlyBuiltDependencies":["@tailwindcss/oxide","esbuild"]},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"gitHead":"f390f41660303afd00df5e4f78f2f031dc5fe8f5","scripts":{"dev":"vite dev","lint":"prettier --check . && eslint .","build":"vite build && npm run prepack","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","format":"prettier --write .","prepack":"svelte-kit sync && svelte-package && publint","prepare":"svelte-kit sync || echo ''","preview":"vite preview","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","build:gh-pages":"vite build"},"_npmUser":{"name":"harshmandan","email":"harshsinghmandan@gmail.com"},"repository":{"url":"git+https://github.com/harshmandan/svelte-overflow-fade.git","type":"git"},"_npmVersion":"10.9.4","description":"A Svelte action to add overflow fade effects to scrollable containers","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.22.1","_hasShrinkwrap":false,"packageManager":"pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977","devDependencies":{"vite":"^7.0.4","eslint":"^9.18.0","svelte":"^5.0.0","globals":"^16.0.0","publint":"^0.3.2","prettier":"^3.4.2","@eslint/js":"^9.18.0","typescript":"^5.0.0","tailwindcss":"^4.1.12","svelte-check":"^4.0.0","@sveltejs/kit":"^2.22.0","@eslint/compat":"^1.2.5","@sveltejs/package":"^2.0.0","@tailwindcss/vite":"^4.1.12","typescript-eslint":"^8.20.0","eslint-plugin-svelte":"^3.0.0","eslint-config-prettier":"^10.0.1","prettier-plugin-svelte":"^3.3.3","@sveltejs/adapter-static":"3.0.9","@sveltejs/vite-plugin-svelte":"^6.0.0"},"peerDependencies":{"svelte":"^5.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte-overflow-fade_1.1.0_1784618847703_0.07146798988818404","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"svelte-overflow-fade","version":"1.2.0","keywords":["svelte","svelte-action","overflow","fade","scroll","ui","scrollable"],"author":{"name":"Harsh Mandan"},"license":"MIT","_id":"svelte-overflow-fade@1.2.0","maintainers":[{"name":"harshmandan","email":"harshsinghmandan@gmail.com"}],"homepage":"https://harshmandan.github.io/svelte-overflow-fade/","bugs":{"url":"https://github.com/harshmandan/svelte-overflow-fade/issues"},"dist":{"shasum":"d600c44cd4c096eed7c98ec9121dfc8a0310f375","tarball":"https://registry.npmjs.org/svelte-overflow-fade/-/svelte-overflow-fade-1.2.0.tgz","fileCount":5,"integrity":"sha512-RfQDyErF9OalohqbFw2w/Nprue/Ifila0sSCgTV7M9DEFamh17USN8ZxKf6c2F9+C4q4oZPmvLaUozAmlSBx9g==","signatures":[{"sig":"MEUCIADsepUO1OH5b7q4VQzJKhX3l4nqYvc1ZS44CYDSPRaGAiEAxx8IDtn65LdhB7riQ/ZbU8vO3IVhs0vtTK4U3RLwO8U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21120},"pnpm":{"onlyBuiltDependencies":["@tailwindcss/oxide","esbuild"]},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"gitHead":"526da6574d9848c8d006f960f551f07318c5b00b","scripts":{"dev":"vite dev","lint":"prettier --check . && eslint .","build":"vite build && npm run prepack","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","format":"prettier --write .","prepack":"svelte-kit sync && svelte-package && publint","prepare":"svelte-kit sync || echo ''","preview":"vite preview","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","build:gh-pages":"vite build"},"_npmUser":{"name":"harshmandan","email":"harshsinghmandan@gmail.com"},"repository":{"url":"git+https://github.com/harshmandan/svelte-overflow-fade.git","type":"git"},"_npmVersion":"10.9.4","description":"A Svelte action to add overflow fade effects to scrollable containers","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.22.1","_hasShrinkwrap":false,"packageManager":"pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977","devDependencies":{"vite":"^7.0.4","eslint":"^9.18.0","svelte":"^5.0.0","globals":"^16.0.0","publint":"^0.3.2","prettier":"^3.4.2","@eslint/js":"^9.18.0","typescript":"^5.0.0","tailwindcss":"^4.1.12","svelte-check":"^4.0.0","@sveltejs/kit":"^2.22.0","@eslint/compat":"^1.2.5","@sveltejs/package":"^2.0.0","@tailwindcss/vite":"^4.1.12","typescript-eslint":"^8.20.0","eslint-plugin-svelte":"^3.0.0","eslint-config-prettier":"^10.0.1","prettier-plugin-svelte":"^3.3.3","@sveltejs/adapter-static":"3.0.9","@sveltejs/vite-plugin-svelte":"^6.0.0"},"peerDependencies":{"svelte":"^5.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte-overflow-fade_1.2.0_1784630136996_0.784548100207825","host":"s3://npm-registry-packages-npm-production"}},"1.2.1":{"name":"svelte-overflow-fade","version":"1.2.1","scripts":{"dev":"vite dev","build":"vite build && npm run prepack","build:gh-pages":"vite build","preview":"vite preview","prepare":"svelte-kit sync || echo ''","prepack":"svelte-kit sync && svelte-package && publint","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","format":"prettier --write .","lint":"prettier --check . && eslint ."},"sideEffects":["**/*.css"],"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^5.0.0 || ^4.0.0"},"devDependencies":{"@eslint/compat":"^1.2.5","@eslint/js":"^9.18.0","@sveltejs/adapter-static":"3.0.9","@sveltejs/kit":"^2.22.0","@sveltejs/package":"^2.0.0","@sveltejs/vite-plugin-svelte":"^6.0.0","@tailwindcss/vite":"^4.1.12","eslint":"^9.18.0","eslint-config-prettier":"^10.0.1","eslint-plugin-svelte":"^3.0.0","globals":"^16.0.0","prettier":"^3.4.2","prettier-plugin-svelte":"^3.3.3","publint":"^0.3.2","svelte":"^5.0.0","svelte-check":"^4.0.0","tailwindcss":"^4.1.12","typescript":"^5.0.0","typescript-eslint":"^8.20.0","vite":"^7.0.4"},"description":"A Svelte action to add overflow fade effects to scrollable containers","keywords":["svelte","svelte-action","overflow","fade","scroll","ui","scrollable"],"repository":{"type":"git","url":"git+https://github.com/harshmandan/svelte-overflow-fade.git"},"homepage":"https://harshmandan.github.io/svelte-overflow-fade/","license":"MIT","author":{"name":"Harsh Mandan"},"pnpm":{"onlyBuiltDependencies":["@tailwindcss/oxide","esbuild"]},"packageManager":"pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977","_id":"svelte-overflow-fade@1.2.1","gitHead":"194d359e750c5b7dc4bc0dba41e4401a55777a18","bugs":{"url":"https://github.com/harshmandan/svelte-overflow-fade/issues"},"_nodeVersion":"22.22.1","_npmVersion":"10.9.4","dist":{"integrity":"sha512-QacTqjZjC39rjUfH/5MJNbGzVX7Cw+QMTi10LhnC2gr+Ce9Km2VaY36iO+0vAFm7imNhRuXCyc7SD3JVmTM9Bg==","shasum":"1e0c2f203df9895ba4ed36405d466da584052ff6","tarball":"https://registry.npmjs.org/svelte-overflow-fade/-/svelte-overflow-fade-1.2.1.tgz","fileCount":5,"unpackedSize":21428,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCxBTTgBoyCWm01kRqw9Zhm0sAbNzJBskZlaQR2M6oTbAIgVFq9ZL9WZL2A+IJ3ghrkdx3XCMtnXkv/9fN9diZ4+uw="}]},"_npmUser":{"name":"harshmandan","email":"harshsinghmandan@gmail.com"},"directories":{},"maintainers":[{"name":"harshmandan","email":"harshsinghmandan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/svelte-overflow-fade_1.2.1_1784638424711_0.1133999651975428"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-15T13:11:04.115Z","modified":"2026-07-21T12:53:44.989Z","1.0.0":"2025-08-15T13:11:04.300Z","1.0.1":"2025-08-15T13:13:39.860Z","1.0.2":"2025-08-16T11:22:57.216Z","1.0.3":"2025-09-05T11:16:50.398Z","1.1.0":"2026-07-21T07:27:27.840Z","1.2.0":"2026-07-21T10:35:37.186Z","1.2.1":"2026-07-21T12:53:44.852Z"},"bugs":{"url":"https://github.com/harshmandan/svelte-overflow-fade/issues"},"author":{"name":"Harsh Mandan"},"license":"MIT","homepage":"https://harshmandan.github.io/svelte-overflow-fade/","keywords":["svelte","svelte-action","overflow","fade","scroll","ui","scrollable"],"repository":{"type":"git","url":"git+https://github.com/harshmandan/svelte-overflow-fade.git"},"description":"A Svelte action to add overflow fade effects to scrollable containers","maintainers":[{"name":"harshmandan","email":"harshsinghmandan@gmail.com"}],"readme":"<div align=\"center\">\n  <br />\n  <img src=\"./static/logo.png\" alt=\"Svelte Overflow Fade\" width=\"100\" height=\"100\" />\n  <h1>svelte-overflow-fade</h1>\n\n  [![version](http://img.shields.io/npm/v/svelte-overflow-fade.svg)](https://www.npmjs.com/package/svelte-overflow-fade)\n  [![downloads](http://img.shields.io/npm/dm/svelte-overflow-fade.svg)](https://www.npmjs.com/package/svelte-overflow-fade)\n \n  <p>\n    <strong>A Svelte action and attachment for adding beautiful fade effects to overflowing content</strong>\n  </p>\n</div>\n\n<br />\n\n<div align=\"center\">\n  <img src=\"./static/preview.png\" alt=\"Svelte Overflow Fade Preview\" width=\"100%\" style=\"width: 600px;\" />\n</div>\n\n## 🖼️ Demo\n\n[Live Demo →](https://harshmandan.github.io/svelte-overflow-fade/)\n\n## ✨ Features\n\n- 🎨 **Two fade modes**: CSS mask-based or DOM element-based\n- 🔄 **Dual API support**: Actions for all Svelte versions, Attachments for Svelte 5.29+\n- 📏 **Directional scrolling**: Supports both horizontal and vertical overflow\n- 🎯 **Smart detection**: Automatically shows/hides fades based on scroll position\n- ⚡ **Performant**: Throttled scroll events and optimized animations\n- 🌗 **Dark mode ready**: Works seamlessly with any color scheme\n- 📦 **Zero dependencies**: Lightweight and self-contained\n\n## 📦 Installation\n\n```bash\nnpm install svelte-overflow-fade\n```\n\n```bash\npnpm add svelte-overflow-fade\n```\n\n```bash\nyarn add svelte-overflow-fade\n```\n\n## 🚀 Quick Start\n\n### Using the Action API (All Svelte versions)\n\n```svelte\n<script>\n\timport { overflowFadeAction } from 'svelte-overflow-fade';\n</script>\n\n<div\n\tclass=\"overflow-auto max-h-64\"\n\tuse:overflowFadeAction={{\n\t\taxis: 'y',\n\t\tfade: { type: 'mask', fadePercent: 10 }\n\t}}\n>\n\t<!-- Your scrollable content -->\n</div>\n```\n\n### Using the Attachment API (Svelte 5.29+)\n\n```svelte\n<script>\n\timport { overflowFade } from 'svelte-overflow-fade';\n</script>\n\n<div\n\tclass=\"overflow-auto max-h-64\"\n\t{@attach overflowFade({\n\t\taxis: 'y',\n\t\tfade: { type: 'mask', fadePercent: 10 }\n\t})}\n>\n\t<!-- Your scrollable content -->\n</div>\n```\n\n### Fading all four edges\n\nSet `axis: 'both'` to fade every edge at once — useful for content that scrolls in\nboth directions (large tables, canvases, image grids). The two axis masks are\ncomposited together so corners fade correctly rather than one axis overwriting the\nother. `sides` still applies here: `'start'` fades top + left, `'end'` fades bottom +\nright, `'both'` (default) fades all four edges.\n\n```svelte\n<div\n\tclass=\"overflow-auto max-h-96\"\n\t{@attach overflowFade({\n\t\taxis: 'both',\n\t\tfade: { type: 'mask', fadePercent: 10 }\n\t})}\n>\n\t<!-- Content that overflows horizontally and vertically -->\n</div>\n```\n\n## ⚙️ Configuration Options\n\n| Option                 | Type                  | Description                                   |\n| ---------------------- | --------------------- | --------------------------------------------- |\n| `axis`                 | `'x' \\| 'y' \\| 'both'` | Direction of scroll. `'both'` fades all four edges at once  |\n| `sides`                | `'both' \\| 'start' \\| 'end'` | Which edge to fade (default `'both'`). `'start'` = top/left, `'end'` = bottom/right, relative to `axis` (with `axis: 'both'`, `'start'` = top + left, `'end'` = bottom + right) |\n| `fade.type`            | `'mask' \\| 'element'` | Fade implementation method                    |\n| `fade.fadePercent`     | `number`              | Size of fade as percentage (mask mode only)   |\n| `fade.size`            | `string`              | Size of fade in CSS units (element mode only) |\n| `fade.backgroundColor` | `string`              | Fade color (element mode only)                |\n| `fade.zIndex`          | `number`              | Z-index for fade elements (element mode only) |\n\n## 🎨 Fade Modes\n\n### CSS Mask Mode (Recommended)\n\n- Uses CSS `mask-image` for smooth, native fading\n- Perfect for gradient backgrounds\n- Better performance\n- Preserves background effects\n\n```javascript\nfade: {\n  type: 'mask',\n  fadePercent: 10\n}\n```\n\n### Element Mode\n\n- Creates DOM elements with gradient backgrounds\n- Compatible with older browsers\n- Customizable fade color\n- Good for solid backgrounds\n\n```javascript\nfade: {\n  type: 'element',\n  size: '60px',\n  backgroundColor: 'white',\n  zIndex: 10\n}\n```\n\n## 🔄 Events\n\nThe action dispatches an `overflow` event with the current overflow state:\n\n```svelte\n<script>\n\tfunction handleOverflow(event) {\n\t\tconst { overflowTop, overflowBottom, overflowLeft, overflowRight } = event.detail;\n\t\t// React to overflow changes\n\t}\n</script>\n\n<div use:overflowFadeAction={{ axis: 'y' }} on:overflow={handleOverflow}>\n\t<!-- Content -->\n</div>\n```\n\n## 📄 License\n\nMIT © Harsh Mandan\n","readmeFilename":"README.md"}