{"_id":"@amarshilpakar/ng-mat-select-infinite-scroll","_rev":"2-167f915cdc8fc2f8b0ca84cfabc08140","name":"@amarshilpakar/ng-mat-select-infinite-scroll","dist-tags":{"latest":"15.2.12"},"versions":{"15.2.10":{"name":"@amarshilpakar/ng-mat-select-infinite-scroll","version":"15.2.10","keywords":["angular","angular-material","mat-select","infinite-scroll","scroll","select","material","directive"],"author":{"name":"Amar Shilpakar"},"license":"MIT","_id":"@amarshilpakar/ng-mat-select-infinite-scroll@15.2.10","maintainers":[{"name":"amarshilpakar","email":"amarshilpakar@gmail.com"}],"homepage":"https://github.com/amarshilpakar/ng-mat-select-infinite-scroll","bugs":{"url":"https://github.com/amarshilpakar/ng-mat-select-infinite-scroll/issues"},"dist":{"shasum":"58a28dfb021eeaf5914ab95f8caf5504d58d251e","tarball":"https://registry.npmjs.org/@amarshilpakar/ng-mat-select-infinite-scroll/-/ng-mat-select-infinite-scroll-15.2.10.tgz","fileCount":13,"integrity":"sha512-G3WD8xRmIvHLLPz0OJr/V/GSOIy/05xyGOqn/Xp1Dj7roMDm02xdtKWzevyAHsRe4pNol9Hgn86+wR1igv11Ng==","signatures":[{"sig":"MEYCIQCnJeWUI/R81j7d+F7/2PBT3hcv/GiRFmhjl362OLVOxwIhAP97QNnikTWZVCYPeBLG01nIChfqNS+aEZvuzTZT9W2n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44875},"es2020":"fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","module":"fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","esm2020":"esm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","exports":{".":{"node":"./fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","types":"./index.d.ts","es2015":"./fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","es2020":"./fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","default":"./fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","esm2020":"./esm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"72af009c12499c687a792d71cee5c279cf0d4c0e","typings":"index.d.ts","_npmUser":{"name":"amarshilpakar","email":"amarshilpakar@gmail.com"},"fesm2015":"fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","fesm2020":"fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","repository":{"url":"git+https://github.com/amarshilpakar/ng-mat-select-infinite-scroll.git","type":"git"},"_npmVersion":"10.2.4","description":"Adds missing infinite scroll functionality for the angular material select component","directories":{},"sideEffects":false,"_nodeVersion":"18.19.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=6.0.0 <=15.2.10","@angular/material":">=6.0.0 <15.2.9"},"_npmOperationalInternal":{"tmp":"tmp/ng-mat-select-infinite-scroll_15.2.10_1722442526147_0.8772912530363075","host":"s3://npm-registry-packages"}},"15.2.11":{"name":"@amarshilpakar/ng-mat-select-infinite-scroll","version":"15.2.11","keywords":["angular","angular-material","mat-select","infinite-scroll","scroll","select","material","directive"],"author":{"name":"Amar Shilpakar"},"license":"MIT","_id":"@amarshilpakar/ng-mat-select-infinite-scroll@15.2.11","maintainers":[{"name":"amarshilpakar","email":"amarshilpakar@gmail.com"}],"homepage":"https://github.com/amarshilpakar/ng-mat-select-infinite-scroll","bugs":{"url":"https://github.com/amarshilpakar/ng-mat-select-infinite-scroll/issues"},"dist":{"shasum":"f84ec4dc386db51ab613dca615bb3828d9fcbc86","tarball":"https://registry.npmjs.org/@amarshilpakar/ng-mat-select-infinite-scroll/-/ng-mat-select-infinite-scroll-15.2.11.tgz","fileCount":13,"integrity":"sha512-9329MHhWutgi6SvGOlqui+/BwEKig6+QbOeX5r6uhu6CwNckU4uzC5D0wvsh1Hci+flm/EFA5qre8NLWmxvM9A==","signatures":[{"sig":"MEQCIEGUo4pdTk+HNiPOcaBkZHZrc8XnK1cgnrcHKg+xKtgzAiBqR5a+g/rjHP5AIsO7VhCGA0vx6t4Wf8o7wv+q95eUIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44876},"es2020":"fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","module":"fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","esm2020":"esm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","exports":{".":{"node":"./fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","types":"./index.d.ts","es2015":"./fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","es2020":"./fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","default":"./fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","esm2020":"./esm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"1b8ba197f3057a8fb8bcb8f6b61a50ccc9f1cb76","typings":"index.d.ts","_npmUser":{"name":"amarshilpakar","email":"amarshilpakar@gmail.com"},"fesm2015":"fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","fesm2020":"fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","repository":{"url":"git+https://github.com/amarshilpakar/ng-mat-select-infinite-scroll.git","type":"git"},"_npmVersion":"10.2.4","description":"Adds missing infinite scroll functionality for the angular material select component","directories":{},"sideEffects":false,"_nodeVersion":"18.19.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=6.0.0 <=15.2.10","@angular/material":">=6.0.0 <=15.2.9"},"_npmOperationalInternal":{"tmp":"tmp/ng-mat-select-infinite-scroll_15.2.11_1722444582108_0.6177138792055499","host":"s3://npm-registry-packages"}},"15.2.12":{"name":"@amarshilpakar/ng-mat-select-infinite-scroll","version":"15.2.12","description":"Adds missing infinite scroll functionality for the angular material select component","author":{"name":"Amar Shilpakar"},"repository":{"type":"git","url":"git+https://github.com/amarshilpakar/ng-mat-select-infinite-scroll.git"},"bugs":{"url":"https://github.com/amarshilpakar/ng-mat-select-infinite-scroll/issues"},"homepage":"https://github.com/amarshilpakar/ng-mat-select-infinite-scroll#readme","keywords":["angular","angular-material","mat-select","infinite-scroll","scroll","select","material"],"license":"MIT","peerDependencies":{"@angular/core":">=15.0.0","@angular/material":">=15.0.0"},"module":"fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","es2020":"fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","esm2020":"esm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","fesm2020":"fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","fesm2015":"fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","es2020":"./fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs","es2015":"./fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","node":"./fesm2015/amarshilpakar-ng-mat-select-infinite-scroll.mjs","default":"./fesm2020/amarshilpakar-ng-mat-select-infinite-scroll.mjs"}},"sideEffects":false,"dependencies":{"tslib":"^2.3.0"},"_id":"@amarshilpakar/ng-mat-select-infinite-scroll@15.2.12","gitHead":"9b1ed00b8a8ce6d441aa84c9b09785ce347699de","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-hl53yY/4UhMrfPKodBxvXQB4U6IWiFhQdiKmvbjeTlBwoLsnnODO+egNFgwyyOOeqMxPTTq8yCcBUs+oBL+dmg==","shasum":"e22bd5927cca17b7a2d7645803c16532e2856f3f","tarball":"https://registry.npmjs.org/@amarshilpakar/ng-mat-select-infinite-scroll/-/ng-mat-select-infinite-scroll-15.2.12.tgz","fileCount":14,"unpackedSize":49344,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC/9gWDtFcW/z8cGAHLIrA5jL/gcOmEq7NVyUaWM3KTPAiBiCII5SwCkEsOWG++up+CNx/6RcBCDqqSbZm3lMrCoww=="}]},"_npmUser":{"name":"amarshilpakar","email":"amarshilpakar@gmail.com"},"directories":{},"maintainers":[{"name":"amarshilpakar","email":"amarshilpakar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-mat-select-infinite-scroll_15.2.12_1722445600865_0.44732711969659245"},"_hasShrinkwrap":false}},"time":{"created":"2024-07-31T16:15:25.970Z","modified":"2024-07-31T17:06:41.220Z","15.2.10":"2024-07-31T16:15:26.342Z","15.2.11":"2024-07-31T16:49:42.272Z","15.2.12":"2024-07-31T17:06:41.019Z"},"bugs":{"url":"https://github.com/amarshilpakar/ng-mat-select-infinite-scroll/issues"},"author":{"name":"Amar Shilpakar"},"license":"MIT","homepage":"https://github.com/amarshilpakar/ng-mat-select-infinite-scroll#readme","keywords":["angular","angular-material","mat-select","infinite-scroll","scroll","select","material"],"repository":{"type":"git","url":"git+https://github.com/amarshilpakar/ng-mat-select-infinite-scroll.git"},"description":"Adds missing infinite scroll functionality for the angular material select component","maintainers":[{"name":"amarshilpakar","email":"amarshilpakar@gmail.com"}],"readme":"\n# Angular Material Select Infinite Scroll \n \nAdds missing infinite scroll functionality for the [angular material select component](https://material.angular.io/components/select)\n \n \n### Inputs \n \n| Property | Description | Type | Default | \n| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------| ---------- | \n| `complete` | If `true`, the `infiniteScroll` output will no longer be triggered | `boolean` | `false` | \n| `threshold` | The threshold distance from the bottom of the options list to call the `infiniteScroll` output event when scrolled. The threshold value can be either in percent, or in pixels. For example, use the value of `10%` for the `infiniteScroll` output event to get called when the user has needs 10% to reach the bottom. | `string` | `'15%'` |\n| `debounceTime` | The threshold time before firing the `infiniteScroll` event | `number` | `150` |\n### Outputs\n| Property | Description | Type |\n| ----------------- | --------------------------------------------------------------------------------------- | --------------------\n| `infiniteScroll` | Emitted when the scroller inside the `mat-select` reaches the required distance | `EventEmitter`\n\n### Installation\n\n```\nnpm i ng-mat-select-infinite-scroll\n```\n\n### Usage\n[StackBlitz working example](https://stackblitz.com/edit/ng-mat-select-infinite-scroll)\n\nImport `MatSelectInfiniteScrollModule` inside the app.module.ts\n```typescript\nimport { MatFormFieldModule, MatSelectModule } from '@angular/material/select';\nimport {MatSelectInfiniteScrollModule} from 'ng-mat-select-infinite-scroll';\n\n@NgModule({\n declarations: [\n AppComponent\n ],\n imports: [\n BrowserModule,\n BrowserAnimationsModule,\n MatFormFieldModule,\n MatSelectModule,\n MatSelectInfiniteScrollModule\n ],\n providers: [],\n bootstrap: [AppComponent]\n})\nexport class AppModule {\n}\n```\n\nThen place the msInfiniteScroll directive on the `mat-select` component\n```html\n\n Select\n \n {{option}}\n \n\n```\n\n### Compatibility\n\n* `@angular/core`: `>=6.0.0 <=15`,\n* `@angular/cdk`: `>=6.0.0 <=15`,\n* `@angular/material`: `>=6.0.0 <=15`\n\n### Contributions\nContributions are welcomed, feel free to open a Pull-Request or open a new issue.\n\n### Development server\n\nRun `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\n\n### Build\n\nRun `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-c \"production\"` flag for a production build.\n\n### Running unit tests\n\nRun `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).\n\n# License\n\n[MIT](LICENSE)\n","readmeFilename":"README.md"}