{"id":43606907,"url":"https://github.com/Jayant061/angular-infinity-scroller","last_synced_at":"2026-02-05T19:00:44.225Z","repository":{"id":287184092,"uuid":"944432743","full_name":"Jayant061/angular-infinity-scroller","owner":"Jayant061","description":null,"archived":false,"fork":false,"pushed_at":"2026-01-24T17:47:50.000Z","size":317,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-25T06:35:35.123Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Jayant061.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-03-07T10:36:26.000Z","updated_at":"2026-01-24T17:27:20.000Z","dependencies_parsed_at":"2025-04-10T12:06:37.954Z","dependency_job_id":"463fb30b-1eba-4c81-a073-539c17096c00","html_url":"https://github.com/Jayant061/angular-infinity-scroller","commit_stats":null,"previous_names":["jayant061/angular-infinity-scroller"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Jayant061/angular-infinity-scroller","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jayant061%2Fangular-infinity-scroller","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jayant061%2Fangular-infinity-scroller/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jayant061%2Fangular-infinity-scroller/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jayant061%2Fangular-infinity-scroller/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jayant061","download_url":"https://codeload.github.com/Jayant061/angular-infinity-scroller/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jayant061%2Fangular-infinity-scroller/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29130088,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-05T18:55:47.139Z","status":"ssl_error","status_checked_at":"2026-02-05T18:55:04.010Z","response_time":65,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-02-04T09:00:31.600Z","updated_at":"2026-02-05T19:00:44.182Z","avatar_url":"https://github.com/Jayant061.png","language":"TypeScript","readme":"# Angular Infinite Scroller\n\nA **lightweight, high‑performance infinite scrolling directive for Angular applications**, designed to work smoothly with modern Angular versions and SSR setups.\n\n---\n\n## ✨ Features\n\n- 🚀 Simple directive‑based API\n- ⚡ High‑performance scroll detection\n- 🧩 Works with standalone components\n- 🌐 Compatible with Angular 17+\n- 📦 Zero external dependencies\n\n---\n\n## 📦 Installation\n\nInstall the package using npm:\n\n```bash\nnpm install angular-infinity-scroller\n```\n\n---\n\n## 🚀 Getting Started\n\nImport `AngularInfinityScrollerDirective` into your component and add it to `imports`.\n\n### Example Component\n\n```ts\nimport { Component } from '@angular/core';\nimport { AngularInfinityScrollerDirective } from 'angular-infinity-scroller';\n\n@Component({\n  selector: 'app-example',\n  standalone: true,\n  imports: [AngularInfinityScrollerDirective],\n  templateUrl: './example.component.html',\n  styleUrl: './example.component.scss',\n})\nexport class ExampleComponent {\n  handleScroll() {\n    // load more data here\n  }\n}\n```\n\n---\n\n## 🧪 Usage\n\nApply the directive to a scrollable container.\n\n```html\n\u003cdiv\n  class=\"scrollable-parent\"\n  angularInfinityScroller\n  [scrollDistance]=\"2\"\n  (onScrolled)=\"handleScroll()\"\n\u003e\n\u003c/div\u003e\n```\n\n---\n\n## ⚙️ Directive API\n\n### `scrollDistance` (Input)\n\n- **Type:** `number`\n- **Range:** `1 – 9`\n- **Default:** `2`\n\nDefines when the scroll event should trigger.\n\nExample:\n- `[scrollDistance]=\"2\"` → emits when remaining scroll height is **≤ 20%**\n\nIf an invalid value is provided, the directive automatically falls back to the default value.\n\n---\n\n### `onScrolled` (Output)\n\n- **Type:** `() =\u003e void`\n\nEmits when the scroll threshold is reached.\n\n```html\n(onScrolled)=\"handleScroll()\"\n```\n\n---\n\n## 🔧 Compatibility\n\n- ✅ Angular **17 and above**\n- ✅ Standalone components\n- ✅ SSR‑friendly\n\n---\n\n## 🤝 Contributing\n\nSuggestions, improvements, and pull requests are welcome.\n\nIf you encounter any issues, please raise them on GitHub:\n👉 https://github.com/Jayant061/angular-infinity-scroller/issues\n\n---\n\n## ⭐ Support\n\nIf this package helps you, please consider starring the repository ⭐\n\nHappy coding! 🚀\n\n","funding_links":[],"categories":["Third Party Components"],"sub_categories":["Scroll"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJayant061%2Fangular-infinity-scroller","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJayant061%2Fangular-infinity-scroller","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJayant061%2Fangular-infinity-scroller/lists"}