{"_id":"@cwoebker/ng-mat-select-infinite-scroll","_rev":"1-78e7954ed09c99b6b4ad574ec50b6cac","name":"@cwoebker/ng-mat-select-infinite-scroll","dist-tags":{"latest":"5.0.1"},"versions":{"5.0.0":{"name":"@cwoebker/ng-mat-select-infinite-scroll","version":"5.0.0","scripts":{"ng":"ng","start":"ng serve","build":"ng build ng-mat-select-infinite-scroll","develop":"ng build ng-mat-select-infinite-scroll --watch --configuration development","test":"ng test","npm_pack":"cd dist/ng-mat-select-infinite-scroll && npm pack","package":"npm run build && npm run npm_pack"},"private":false,"dependencies":{"@angular/animations":"^15.1.3","@angular/cdk":"~15.1.3","@angular/common":"^15.1.3","@angular/compiler":"^15.1.3","@angular/core":"^15.1.3","@angular/forms":"^15.1.3","@angular/material":"~15.1.3","@angular/platform-browser":"^15.1.3","@angular/platform-browser-dynamic":"^15.1.3","@angular/router":"^15.1.3","rxjs":"~7.5.0","tslib":"^2.3.0","zone.js":"~0.11.4"},"devDependencies":{"@angular-devkit/build-angular":"^15.1.4","@angular/cli":"~15.1.4","@angular/compiler-cli":"^15.1.3","@types/jasmine":"~4.0.0","jasmine-core":"~4.2.0","karma":"~6.4.0","karma-chrome-launcher":"~3.1.0","karma-coverage":"~2.2.0","karma-jasmine":"~5.1.0","karma-jasmine-html-reporter":"~2.0.0","ng-packagr":"^15.1.1","typescript":"~4.9.5"},"engines":{"npm":"^8.17.0"},"repository":{"type":"git","url":"git+https://github.com/cwoebker/ng-mat-select-infinite-scroll.git"},"gitHead":"bc685b76e3ce7bae6936784accd1411489a02419","description":"Adds missing infinite scroll functionality for the [angular material select component](https://material.angular.io/components/select)","bugs":{"url":"https://github.com/cwoebker/ng-mat-select-infinite-scroll/issues"},"homepage":"https://github.com/cwoebker/ng-mat-select-infinite-scroll#readme","_id":"@cwoebker/ng-mat-select-infinite-scroll@5.0.0","_nodeVersion":"16.15.1","_npmVersion":"8.17.0","dist":{"integrity":"sha512-1hteJf2AESdHeqNvjSjUoRsbNVVEV9E9bhkkDPQT/O+gySdpOMN8vm8n3vSWrVx7e+SPpoGz13eJ3Gd/6WmFaQ==","shasum":"d6920a0e6dcf98c707912928bd8398793f97f54a","tarball":"https://registry.npmjs.org/@cwoebker/ng-mat-select-infinite-scroll/-/ng-mat-select-infinite-scroll-5.0.0.tgz","fileCount":36,"unpackedSize":36116,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKmWe2pe67gD8HYzUL75XaoOGCb+MTFrz7vAjyIk/0/gIhAPqqwyNQYBcw6X+CDpayAhi8dFmkRxneMOixPk1a76BJ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkAHenACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzLBAAh0c+ey9D3RXw9D34zDTMZyVaUAqRT6iKc1rqG9LIYMU/2frT\r\nYIwohMF7+DD0JaxrfPONdiCcUjwHHRYP5KbK/yjrO8uzQ2p2FTwL9zOBMG55\r\nvlzm1TG7tdj6LEIdwt28vpoh8rZXoWFmbBYEA5/KJ6pDzvAUa3uT8uCAdDL8\r\nFRZ8eX4sWJv6IZ6LuQ7gWpTSYoyRRyLHIPVHQaGc3d3t3pH8mjVQ6wf34FVa\r\nWMj8cvwr3EX4ccTi2aGNk7zABAJqcUl1mn6gJ0RYkrwzrR2TXS9S38yLiPZU\r\n6xMFf992FPZFSGYPMffhm0DlkQcZGe70TTidGKOioTEQPVXZ/zqRn+TQ8QaG\r\nc+3C6ftuv9u475/GRNw2V5DpfkisAsJt7SBDuCQL2lgniuDWFulUHaZxbOnV\r\ncAl/o4+hyLJ/ZhzTUWMZ0jipShSHdbSVhPV+V+Ro5esLroidz7+dFGIlqRm2\r\n8q8K+IuyUeRtXgn3/rL3P+PniEcTruXOALxSM66N5Ntu0FTdd3/pH9SgLggH\r\nHQiM1DQC4K1R92TPtnlWJ3pUSKKkZzMNzxRbPYiM40QdZgbYFt6XA3QNQidw\r\ns0laEsQ/KLEXmFPtKn9trttyygKzsArjv4pa7qr9w0oRy8jUaSzwcWBjmseo\r\nXS79ShiA9BqtDLl1GqZbcOJyd9L+oDLGBvE=\r\n=TzcH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"cwoebker","email":"cwoebker@gmail.com"},"directories":{},"maintainers":[{"name":"cwoebker","email":"cwoebker@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-mat-select-infinite-scroll_5.0.0_1677752231014_0.6906426114112576"},"_hasShrinkwrap":false},"5.0.1":{"name":"@cwoebker/ng-mat-select-infinite-scroll","version":"5.0.1","description":"Adds missing infinite scroll functionality for the angular material select component","author":{"name":"Haidar Zeineddine"},"repository":{"type":"git","url":"git+https://github.com/HaidarZ/ng-mat-select-infinite-scroll.git"},"bugs":{"url":"https://github.com/HaidarZ/ng-mat-select-infinite-scroll/issues"},"homepage":"https://github.com/HaidarZ/ng-mat-select-infinite-scroll","keywords":["angular","angular-material","mat-select","infinite-scroll","scroll","select","material","directive"],"license":"MIT","peerDependencies":{"@angular/core":">=15.0.0 <16.0.0","@angular/material":">=15.0.0 <16.0.0"},"module":"fesm2015/cwoebker-ng-mat-select-infinite-scroll.mjs","es2020":"fesm2020/cwoebker-ng-mat-select-infinite-scroll.mjs","esm2020":"esm2020/cwoebker-ng-mat-select-infinite-scroll.mjs","fesm2020":"fesm2020/cwoebker-ng-mat-select-infinite-scroll.mjs","fesm2015":"fesm2015/cwoebker-ng-mat-select-infinite-scroll.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/cwoebker-ng-mat-select-infinite-scroll.mjs","es2020":"./fesm2020/cwoebker-ng-mat-select-infinite-scroll.mjs","es2015":"./fesm2015/cwoebker-ng-mat-select-infinite-scroll.mjs","node":"./fesm2015/cwoebker-ng-mat-select-infinite-scroll.mjs","default":"./fesm2020/cwoebker-ng-mat-select-infinite-scroll.mjs"}},"sideEffects":false,"dependencies":{"tslib":"^2.3.0"},"gitHead":"bc685b76e3ce7bae6936784accd1411489a02419","_id":"@cwoebker/ng-mat-select-infinite-scroll@5.0.1","_nodeVersion":"16.15.1","_npmVersion":"8.17.0","dist":{"integrity":"sha512-8aYO+Kci04Te8oZvZGLZZfkIx/s1UUyHmzZXUwLgplDQBi77WNc/pI17SsZfox1IgIu/T3WC9Lw1jLWmujG4Vw==","shasum":"19abaccf0c185ea3b903c675335d128c6f11d61a","tarball":"https://registry.npmjs.org/@cwoebker/ng-mat-select-infinite-scroll/-/ng-mat-select-infinite-scroll-5.0.1.tgz","fileCount":16,"unpackedSize":71070,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBKZTAhCgdofOOCno0XTooJNOQKq3ptf4ntPDRRhuNNnAiA45dtJwayTf1d/RZRxDdsmnrhctf0/tvrDA2FJ/fBN7w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkDB2/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVBhAAmg3ZEUm2zKZ3CIoH58+/zhvLbkUmRlTrS9Q08S6roxoRICIV\r\nhdYSwmQVXgqT1+Plbly5lotcerMmn516csBfGpurb5OLqi6ar7lKRLYqk0wO\r\n/B0dVBzQIrBV+GuSvNvK13ZqRRiZeNnEgNU1vcwf42AUZMcjYJRQa2FXQNQ5\r\n6Y2yIFcLHFIeXOI0JA/5HGiZju+HETUEZ1iyaxyjVQlOdwgO4f/UbdRci0D+\r\najacITWJ4wimV1/dKBGRvfGVqGyQeHB9HuVhMoE/lwdkni47rearcdLqXgMw\r\nrRGvj4FlNCLfUGxYtjA463Rw9pco5xtUMhQaoJKyYjKD6exznl5Nodm5sq7R\r\nAnLc2bcljkBD+E0zHbaTIYj1w9RzsTbh4o7ePGAfk8nICt/RoT6ODuPLYK1Y\r\nhjCisARC682QL9c33fyE7U7bW9TY6RFHP5NpU+X/n2hywZMA5b2kLgGR2kaf\r\nLILU5X+xMPl4sExrA5rvyDATAM7X95m3HAwwgmsuPLnQMR3qeZduvrnV2t3O\r\nXuq4ACS4N0JW9OdDFyMMk3+jISPbiF38AHHTA5sjERYB700T3SpmqFGc1YX3\r\nZhmhUX5yvWeqPy96q+5RncIs/kscPI0UZshnWe/mmxTtJ8eEN2YLLMxBZRm6\r\nnfgpF/RskmaiYpB4QtgFCiXcUf35pSEkZIU=\r\n=oywB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"cwoebker","email":"cwoebker@gmail.com"},"directories":{},"maintainers":[{"name":"cwoebker","email":"cwoebker@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-mat-select-infinite-scroll_5.0.1_1678515646770_0.8531521795029973"},"_hasShrinkwrap":false}},"time":{"created":"2023-03-02T10:17:10.875Z","5.0.0":"2023-03-02T10:17:11.216Z","modified":"2023-03-11T06:20:47.129Z","5.0.1":"2023-03-11T06:20:46.973Z"},"maintainers":[{"name":"cwoebker","email":"cwoebker@gmail.com"}],"description":"Adds missing infinite scroll functionality for the angular material select component","homepage":"https://github.com/HaidarZ/ng-mat-select-infinite-scroll","repository":{"type":"git","url":"git+https://github.com/HaidarZ/ng-mat-select-infinite-scroll.git"},"bugs":{"url":"https://github.com/HaidarZ/ng-mat-select-infinite-scroll/issues"},"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`: `>=15 <16`,\n* `@angular/cdk`: `>=15 <16`,\n* `@angular/material`: `>=15 <16`,\n* `rxjs`: `^7.0.0`\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 `--prod` 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","keywords":["angular","angular-material","mat-select","infinite-scroll","scroll","select","material","directive"],"author":{"name":"Haidar Zeineddine"},"license":"MIT"}