{"_id":"@autotaxatiepartners/ngx-gallery","_rev":"7-f51d31e8066cd110dcdad9e41fd351aa","name":"@autotaxatiepartners/ngx-gallery","dist-tags":{"latest":"2.1.1"},"versions":{"1.0.0":{"name":"@autotaxatiepartners/ngx-gallery","version":"1.0.0","_id":"@autotaxatiepartners/ngx-gallery@1.0.0","maintainers":[{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"}],"homepage":"https://gitlab.com/autotaxatiepartners/ngx-gallery#readme","bugs":{"url":"https://gitlab.com/autotaxatiepartners/ngx-gallery/issues"},"dist":{"shasum":"7cd6e7848d3fec97659f7c7679c2a41a4362635e","tarball":"https://registry.npmjs.org/@autotaxatiepartners/ngx-gallery/-/ngx-gallery-1.0.0.tgz","fileCount":106,"integrity":"sha512-weWCxqmIvVeqfa26fG4vuU6FJGbD6mHqxGq47oGZgrapcgxNTRG7B2+D04dNf9oJKT2Qalf1c7o199YQ8ExHwQ==","signatures":[{"sig":"MEUCIARhXSI71/mqCVMFzlCVR4HknIhRMPfQftadM97Txey9AiEAxDksy0wFQn+u/TWHR4zqiD8n6A+VXCTshcD41nfT3QU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3991456},"gitHead":"936e0da593649b30be13afe49d50a7eae1a14fab","private":false,"scripts":{"ng":"ng","e2e":"ng e2e","lint":"ng lint @autotaxatiepartners/ngx-gallery","test":"ng test","build":"ng build","start":"ng serve","test:ci":"ng test @autotaxatiepartners/ngx-gallery --code-coverage --no-watch --no-progress --browser ChromeHeadless","test:lib":"ng test @autotaxatiepartners/ngx-gallery","build:lib":"ng build @autotaxatiepartners/ngx-gallery --configuration production","build:prod":"ng build --configuration production","build:watch":"ng build @autotaxatiepartners/ngx-gallery --watch","copy:readme":"cpx README.md dist/gallery","publish:lib":"npm run copy:readme && npm run copy:changelog && npm run copy:license && npm publish ./dist/gallery","copy:license":"cpx LICENSE dist/gallery","copy:changelog":"cpx CHANGELOG.md dist/gallery"},"_npmUser":{"name":"autotaxatiepartners","actor":{"name":"autotaxatiepartners","type":"user","email":"wouter@autotaxatiepartners.nl"},"email":"wouter@autotaxatiepartners.nl"},"repository":{"url":"git+https://gitlab.com/autotaxatiepartners/ngx-gallery.git","type":"git"},"_npmVersion":"10.9.2","description":"A simple native gallery component for Angular 13+ to 20+.","directories":{},"_nodeVersion":"22.16.0","dependencies":{"rxjs":"^6.5.4","tslib":"^2.3.1","zone.js":"~0.15.1","@angular/core":"^20.0.4","@angular/forms":"^20.0.4","karma-viewport":"^1.0.8","@angular/common":"^20.0.4","@angular/router":"^20.0.4","@angular/compiler":"^20.0.4","@angular/animations":"^20.0.4","@angular/platform-browser":"^20.0.4","@fortawesome/fontawesome-free":"^6.7.2","@angular/platform-browser-dynamic":"^20.0.4"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","karma":"~6.3.8","eslint":"^8.57.0","ts-node":"~10.4.0","coveralls":"^3.1.1","ng-packagr":"^20.0.1","protractor":"~7.0.0","typescript":"5.8.3","@types/node":"^12.11.2","@angular/cli":"^20.0.3","jasmine-core":"~3.10.1","karma-jasmine":"~4.0.1","@types/jasmine":"~3.10.2","karma-coverage":"~2.0.3","@types/jasminewd2":"~2.0.10","@angular/compiler-cli":"^20.0.4","jasmine-spec-reporter":"~7.0.0","karma-chrome-launcher":"~3.1.0","@angular-eslint/builder":"20.1.0","@angular/language-service":"^20.0.4","@typescript-eslint/parser":"^7.2.0","@angular-eslint/schematics":"20.1.0","karma-jasmine-html-reporter":"^1.7.0","@angular-devkit/build-angular":"^20.0.3","@angular-eslint/eslint-plugin":"20.1.0","@angular-eslint/template-parser":"20.1.0","@typescript-eslint/eslint-plugin":"^7.2.0","@angular-eslint/eslint-plugin-template":"20.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-gallery_1.0.0_1750325844655_0.16695971346563065","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"name":"@autotaxatiepartners/ngx-gallery","version":"2.0.2","keywords":["angular","gallery","component","ngx-gallery","responsive","autotaxatiepartners"],"author":{"name":"Wouter Doornbos","email":"your@email.com"},"license":"MIT","_id":"@autotaxatiepartners/ngx-gallery@2.0.2","maintainers":[{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"}],"homepage":"https://gitlab.com/autotaxatiepartners/ngx-gallery#readme","bugs":{"url":"https://gitlab.com/autotaxatiepartners/ngx-gallery/-/issues"},"dist":{"shasum":"0dc04174fa55be98adfa450ecfbace519f7cbc6d","tarball":"https://registry.npmjs.org/@autotaxatiepartners/ngx-gallery/-/ngx-gallery-2.0.2.tgz","fileCount":7,"integrity":"sha512-VOrZAPW80iGD/YW/MOM308GWxnn5riBq30ENZYO+6NHrXdA4uFpwOopSoPb4j1LvJQaYnJ04OH6TdaSUPrG2uw==","signatures":[{"sig":"MEQCICFKB/ckm9pjIAZUImGBmc0SWx1jCWslPm5gJrPCtvc6AiB/46D27Jr8n/Uc79oyXrgfSd5F8KQnncWy9TOQfO3IKA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":294993},"module":"fesm2022/autotaxatiepartners-ngx-gallery.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/autotaxatiepartners-ngx-gallery.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"936e0da593649b30be13afe49d50a7eae1a14fab","private":false,"typings":"index.d.ts","_npmUser":{"name":"autotaxatiepartners","actor":{"name":"autotaxatiepartners","type":"user","email":"wouter@autotaxatiepartners.nl"},"email":"wouter@autotaxatiepartners.nl"},"repository":{"url":"git+https://gitlab.com/autotaxatiepartners/ngx-gallery.git","type":"git"},"_npmVersion":"10.9.2","description":"A simple responsive native gallery component for Angular 13 through 20.","directories":{},"sideEffects":false,"_nodeVersion":"22.16.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=13.0.0 <21","@angular/common":">=13.0.0 <21","@angular/animations":">=13.0.0 <21"},"_npmOperationalInternal":{"tmp":"tmp/ngx-gallery_2.0.2_1750327405387_0.4589182725641716","host":"s3://npm-registry-packages-npm-production"}},"2.0.3":{"name":"@autotaxatiepartners/ngx-gallery","version":"2.0.3","_id":"@autotaxatiepartners/ngx-gallery@2.0.3","maintainers":[{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"}],"homepage":"https://gitlab.com/autotaxatiepartners/ngx-gallery#readme","bugs":{"url":"https://gitlab.com/autotaxatiepartners/ngx-gallery/issues"},"dist":{"shasum":"b135f420035732e16de6b17128f9ab1323109a38","tarball":"https://registry.npmjs.org/@autotaxatiepartners/ngx-gallery/-/ngx-gallery-2.0.3.tgz","fileCount":106,"integrity":"sha512-0UhN+OpEkfbNTH2zQEJoXTYqKEOkwXLnX+5JVDOAN9YyhcvCZw6rKqU85GkFaDW4felQSMgM0wDSjjrbL4+G4g==","signatures":[{"sig":"MEUCIFSqsvkeGa1AxoiearvJuTFkcMU6B++kfdlBiWyDz57NAiEA8X4Wfc3gpAlDPIVXKUop5YjPwRq3bPDHBk7+ty0ghTI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3996948},"gitHead":"1773137729ebc64d8d42b1cddabfa78c9003392d","private":false,"scripts":{"ng":"ng","e2e":"ng e2e","lint":"ng lint @autotaxatiepartners/ngx-gallery","test":"ng test","build":"ng build","start":"ng serve","test:ci":"ng test @autotaxatiepartners/ngx-gallery --code-coverage --no-watch --no-progress --browser ChromeHeadless","test:lib":"ng test @autotaxatiepartners/ngx-gallery","build:lib":"ng build @autotaxatiepartners/ngx-gallery --configuration production","build:prod":"ng build --configuration production","build:watch":"ng build @autotaxatiepartners/ngx-gallery --watch","copy:readme":"cpx README.md dist/gallery","publish:lib":"npm run copy:readme && npm run copy:changelog && npm run copy:license && npm publish ./dist/gallery","copy:license":"cpx LICENSE dist/gallery","copy:changelog":"cpx CHANGELOG.md dist/gallery"},"_npmUser":{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"},"repository":{"url":"git+https://gitlab.com/autotaxatiepartners/ngx-gallery.git","type":"git"},"_npmVersion":"10.9.2","description":"A simple native gallery component for Angular 13+ to 20+.","directories":{},"_nodeVersion":"22.16.0","dependencies":{"rxjs":"^6.5.4","tslib":"^2.3.1","zone.js":"~0.15.1","@angular/core":"^20.3.10","@angular/forms":"^20.3.10","karma-viewport":"^1.0.8","@angular/common":"^20.3.10","@angular/router":"^20.3.10","@angular/compiler":"^20.3.10","@angular/animations":"^20.3.10","@angular/platform-browser":"^20.3.10","@fortawesome/fontawesome-free":"^6.7.2","@angular/platform-browser-dynamic":"^20.3.10"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","karma":"~6.3.8","eslint":"^8.57.0","ts-node":"~10.4.0","coveralls":"^3.1.1","ng-packagr":"^20.0.1","protractor":"~7.0.0","typescript":"5.8.3","@types/node":"^12.11.2","@angular/cli":"^20.3.9","jasmine-core":"~3.10.1","karma-jasmine":"~4.0.1","@types/jasmine":"~3.10.2","karma-coverage":"~2.0.3","@types/jasminewd2":"~2.0.10","@angular/compiler-cli":"^20.3.10","jasmine-spec-reporter":"~7.0.0","karma-chrome-launcher":"~3.1.0","@angular-eslint/builder":"20.6.0","@angular/language-service":"^20.3.10","@typescript-eslint/parser":"^7.2.0","@angular-eslint/schematics":"20.6.0","karma-jasmine-html-reporter":"^1.7.0","@angular-devkit/build-angular":"^20.3.9","@angular-eslint/eslint-plugin":"20.6.0","@angular-eslint/template-parser":"20.6.0","@typescript-eslint/eslint-plugin":"^7.2.0","@angular-eslint/eslint-plugin-template":"20.6.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-gallery_2.0.3_1762768884463_0.9333021242005546","host":"s3://npm-registry-packages-npm-production"}},"2.0.4":{"name":"@autotaxatiepartners/ngx-gallery","version":"2.0.4","keywords":["angular","gallery","component","ngx-gallery","responsive","autotaxatiepartners"],"author":{"name":"Wouter Doornbos","email":"wouter@autotaxatiepartners.nl"},"license":"MIT","_id":"@autotaxatiepartners/ngx-gallery@2.0.4","maintainers":[{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"}],"homepage":"https://gitlab.com/autotaxatiepartners/ngx-gallery#readme","bugs":{"url":"https://gitlab.com/autotaxatiepartners/ngx-gallery/-/issues"},"dist":{"shasum":"ffb018081cb21400229b631f717d61f17526d326","tarball":"https://registry.npmjs.org/@autotaxatiepartners/ngx-gallery/-/ngx-gallery-2.0.4.tgz","fileCount":7,"integrity":"sha512-ftRaUs46Jp5BP8OBKPtjR3NJu6AUK7nq1LO9A5W9cpGtqHwsMHSj7Gem9h5qQWAIq9tnwH5fsq8CeCKMyYnmCw==","signatures":[{"sig":"MEUCIAikARQTpiI97J9wTBERszkHwaStzB5z5X1X77af7J/EAiEA0Lv4zKyJ4Nkq1EPfCRm79gnzOK7PzA8gu+ndDcYU6Uc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":309810},"module":"fesm2022/autotaxatiepartners-ngx-gallery.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/autotaxatiepartners-ngx-gallery.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"35c21481e0fdd202b522d484027670b86a08e60f","private":false,"typings":"index.d.ts","_npmUser":{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"},"repository":{"url":"git+https://gitlab.com/autotaxatiepartners/ngx-gallery.git","type":"git"},"_npmVersion":"10.9.2","description":"A simple responsive native gallery component for Angular 13 through 20.","directories":{},"sideEffects":false,"_nodeVersion":"22.16.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=13.0.0 <21","@angular/common":">=13.0.0 <21","@angular/animations":">=13.0.0 <21"},"_npmOperationalInternal":{"tmp":"tmp/ngx-gallery_2.0.4_1762769353717_0.04383162758590542","host":"s3://npm-registry-packages-npm-production"}},"2.0.5":{"name":"@autotaxatiepartners/ngx-gallery","version":"2.0.5","keywords":["angular","gallery","component","ngx-gallery","responsive","autotaxatiepartners"],"author":{"name":"Wouter Doornbos","email":"wouter@autotaxatiepartners.nl"},"license":"MIT","_id":"@autotaxatiepartners/ngx-gallery@2.0.5","maintainers":[{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"}],"homepage":"https://gitlab.com/autotaxatiepartners/ngx-gallery#readme","bugs":{"url":"https://gitlab.com/autotaxatiepartners/ngx-gallery/-/issues"},"dist":{"shasum":"08cc603d1a1cd54ea32431c72fe064e34bf48d18","tarball":"https://registry.npmjs.org/@autotaxatiepartners/ngx-gallery/-/ngx-gallery-2.0.5.tgz","fileCount":7,"integrity":"sha512-Tk7IR0dghP75hmYnOnl16+p5wAxWog1R3nnJmvRYNqO/DYKt8Zn9wcFgb49YkRaOrJ/4oEiGdafGDrHZrlIsuA==","signatures":[{"sig":"MEQCIEq16mvsvH7rXzUvVhy8Bgif6t5KQsC13MwzLG9k1jwtAiBbGCddw+oEYbwyZLA5eJVeBispeGRYLWkKhtu9cejjuw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":309444},"module":"fesm2022/autotaxatiepartners-ngx-gallery.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/autotaxatiepartners-ngx-gallery.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"0275fb006fb56a9af2fc222bac28e0dd5e4e6df7","private":false,"typings":"index.d.ts","_npmUser":{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"},"repository":{"url":"git+https://gitlab.com/autotaxatiepartners/ngx-gallery.git","type":"git"},"_npmVersion":"10.9.4","description":"A simple responsive native gallery component for Angular 13 and above.","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=13.0.0","@angular/common":">=13.0.0","@angular/animations":">=13.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-gallery_2.0.5_1765553290154_0.15293721176176822","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"@autotaxatiepartners/ngx-gallery","version":"2.1.0","keywords":["angular","gallery","component","ngx-gallery","responsive","autotaxatiepartners"],"author":{"name":"Wouter Doornbos","email":"wouter@autotaxatiepartners.nl"},"license":"MIT","_id":"@autotaxatiepartners/ngx-gallery@2.1.0","maintainers":[{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"}],"homepage":"https://gitlab.com/autotaxatiepartners/ngx-gallery#readme","bugs":{"url":"https://gitlab.com/autotaxatiepartners/ngx-gallery/-/issues"},"dist":{"shasum":"7c0bd94f7183492bbd00afeab4c8bddcdea779ef","tarball":"https://registry.npmjs.org/@autotaxatiepartners/ngx-gallery/-/ngx-gallery-2.1.0.tgz","fileCount":7,"integrity":"sha512-wclqTxB/COOwWJDbYztNM9s2DP2gPj4p9zetiDmR5uNq8frBkqxlgzWYf18zRwH859WEWOUoIR5lbBGP14e6ww==","signatures":[{"sig":"MEYCIQDF6/wzNLPqPm6QUtGpRxWrCUyKlv0zc06A+qEs7uFAAgIhAJNp2WMHL4cLGwXrYX8YXYKcxx7VgnT1lrNm/zGGVnT8","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":324042},"module":"fesm2022/autotaxatiepartners-ngx-gallery.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/autotaxatiepartners-ngx-gallery.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"9a00d0a421c65f759e11f3b9a6383d1c49da5a9e","private":false,"typings":"index.d.ts","_npmUser":{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"},"repository":{"url":"git+https://gitlab.com/autotaxatiepartners/ngx-gallery.git","type":"git"},"_npmVersion":"10.9.4","description":"A simple responsive native gallery component for Angular 13 and above.","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=13.0.0","@angular/common":">=13.0.0","@angular/animations":">=13.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-gallery_2.1.0_1769010416171_0.6099369436408955","host":"s3://npm-registry-packages-npm-production"}},"2.1.1":{"name":"@autotaxatiepartners/ngx-gallery","version":"2.1.1","description":"A simple responsive native gallery component for Angular 13 and above.","author":{"name":"Wouter Doornbos","email":"wouter@autotaxatiepartners.nl"},"repository":{"type":"git","url":"git+https://gitlab.com/autotaxatiepartners/ngx-gallery.git"},"license":"MIT","private":false,"bugs":{"url":"https://gitlab.com/autotaxatiepartners/ngx-gallery/-/issues"},"homepage":"https://gitlab.com/autotaxatiepartners/ngx-gallery#readme","peerDependencies":{"@angular/common":">=13.0.0","@angular/core":">=13.0.0","@angular/animations":">=13.0.0"},"dependencies":{"tslib":"^2.3.0"},"keywords":["angular","gallery","component","ngx-gallery","responsive","autotaxatiepartners"],"module":"fesm2022/autotaxatiepartners-ngx-gallery.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/autotaxatiepartners-ngx-gallery.mjs"}},"sideEffects":false,"_id":"@autotaxatiepartners/ngx-gallery@2.1.1","gitHead":"4accd147050de22d7fba4bdc3ef491523ab320a8","_nodeVersion":"22.21.1","_npmVersion":"10.9.4","dist":{"integrity":"sha512-ilN+BYLpLrTbbjAYCmtxFxravlSDaH3No9Fz20fdcDoGumv4D9XzKGw4UG02DYb/exNM0W6e3+HVw88tyZcdXQ==","shasum":"f460179cae47bceace5a9ba22d33dd127457afa2","tarball":"https://registry.npmjs.org/@autotaxatiepartners/ngx-gallery/-/ngx-gallery-2.1.1.tgz","fileCount":7,"unpackedSize":323930,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFqd+HI8/p7Jltjcd/IoLPG8+uuNi4ysWMRpC/fttBqbAiEAgcyYrkweUNdg03sOiyArvCU3HLeQHXDlDZa+rwYcauA="}]},"_npmUser":{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"},"directories":{},"maintainers":[{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ngx-gallery_2.1.1_1769089722980_0.5324850077749814"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-19T09:37:24.561Z","modified":"2026-01-22T13:48:43.260Z","1.0.0":"2025-06-19T09:37:24.852Z","2.0.2":"2025-06-19T10:03:25.574Z","2.0.3":"2025-11-10T10:01:24.715Z","2.0.4":"2025-11-10T10:09:13.926Z","2.0.5":"2025-12-12T15:28:10.300Z","2.1.0":"2026-01-21T15:46:56.313Z","2.1.1":"2026-01-22T13:48:43.151Z"},"bugs":{"url":"https://gitlab.com/autotaxatiepartners/ngx-gallery/-/issues"},"author":{"name":"Wouter Doornbos","email":"wouter@autotaxatiepartners.nl"},"license":"MIT","homepage":"https://gitlab.com/autotaxatiepartners/ngx-gallery#readme","keywords":["angular","gallery","component","ngx-gallery","responsive","autotaxatiepartners"],"repository":{"type":"git","url":"git+https://gitlab.com/autotaxatiepartners/ngx-gallery.git"},"description":"A simple responsive native gallery component for Angular 13 and above.","maintainers":[{"name":"autotaxatiepartners","email":"wouter@autotaxatiepartners.nl"}],"readme":"# @autotaxatiepartners/ngx-gallery\n\nA simple native gallery component for Angular 13 and above.\n\n## Getting Started\n\n### Installation\n\n```bash\nnpm install @autotaxatiepartners/ngx-gallery --save\n```\n\n### Usage\n\nImport `NgxGalleryModule` in your Angular app:\n\n```ts\nimport { HttpClientModule } from '@angular/common/http';\nimport { NgxGalleryModule } from '@autotaxatiepartners/ngx-gallery';\n\n@NgModule({\n  imports: [HttpClientModule, NgxGalleryModule]\n})\nexport class AppModule {}\n```\n\nUse in a component template:\n\n```html\n<ngx-gallery [options]=\"galleryOptions\" [images]=\"galleryImages\" class=\"ngx-gallery\"></ngx-gallery>\n```\n\nAdd a global style (optional):\n\n```scss\n.ngx-gallery {\n  display: inline-block;\n  margin-bottom: 20px;\n}\n```\n\n### Example Component\n``` ts\nimport {Component, OnInit} from '@angular/core';\nimport {NgxGalleryOptions} from '@autotaxatiepartners/ngx-gallery';\nimport {NgxGalleryImage} from '@autotaxatiepartners/ngx-gallery';\nimport {NgxGalleryAnimation} from '@autotaxatiepartners/ngx-gallery';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.scss']\n})\nexport class AppComponent implements OnInit{\n  galleryOptions: NgxGalleryOptions[];\n  galleryImages: NgxGalleryImage[];\n\n  constructor() { }\n\n  ngOnInit() {\n    this.galleryOptions = [\n      {\n        width: '600px',\n        height: '400px',\n        thumbnailsColumns: 4,\n        imageAnimation: NgxGalleryAnimation.Slide\n      },\n      // max-width 800\n      {\n        breakpoint: 800,\n        width: '100%',\n        height: '600px',\n        imagePercent: 80,\n        thumbnailsPercent: 20,\n        thumbnailsMargin: 20,\n        thumbnailMargin: 20\n      },\n      // max-width 400\n      {\n        breakpoint: 400,\n        preview: false\n      }\n    ];\n\n    this.galleryImages = [\n      {\n        small: 'assets/img/gallery/1-small.jpeg',\n        medium: 'assets/img/gallery/1-medium.jpeg',\n        big: 'assets/img/gallery/1-big.jpeg'\n      },\n      {\n        small: 'assets/img/gallery/2-small.jpeg',\n        medium: 'assets/img/gallery/2-medium.jpeg',\n        big: 'assets/img/gallery/2-big.jpeg'\n      },\n      {\n        small: 'assets/img/gallery/3-small.jpeg',\n        medium: 'assets/img/gallery/3-medium.jpeg',\n        big: 'assets/img/gallery/3-big.jpeg'\n      },{\n        small: 'assets/img/gallery/4-small.jpeg',\n        medium: 'assets/img/gallery/4-medium.jpeg',\n        big: 'assets/img/gallery/4-big.jpeg'\n      },\n      {\n        small: 'assets/img/gallery/5-small.jpeg',\n        medium: 'assets/img/gallery/5-medium.jpeg',\n        big: 'assets/img/gallery/5-big.jpeg'\n      }\n    ];\n  }\n}\n```\nadd this class to app CSS `.ngx-gallery { display: inline-block; margin-bottom: 20px; }`\n\n## API\n### Inputs\n| Input  | Type | Default | Required | Description |\n| ------------- | ------------- | ------------- | ------------- | ------------- |\n| [options] | `NgxGalleryOptions[]` | `-` | no | Config options for the Gallery |\n| [images] | `NgxGalleryImage[]` | `-` | no | Images array |\n\n### Outputs\n\n| Output  | Description |\n| ------------- | ------------- |\n| (change)  | Triggered on image change |\n| (imagesReady)  | Triggered when images length > 0 |\n| (previewOpen)  |  Triggered on preview open |\n| (previewClose)  |  Triggered on preview close |\n| (previewChange)  |  Triggered on preview image change |\n\n### Methods\n\n Name  | Description |\n| ------------- | ------------- |\n| show(index: number): void  | Shows image at index |\n| showNext(): void  | Shows next image |\n| showPrev(): void  | Shows prev image |\n| canShowNext(): boolean  | Returns true if there is next image |\n| canShowPrev(): boolean  | Returns true if there is prev image |\n| openPreview(index: number): void  | Opens preview at index |\n| moveThumbnailsLeft(): void  | Moves thumbnails to left |\n| moveThumbnailsRight(): void  | Moves thumbnails to right |\n| canMoveThumbnailsLeft(): boolean  | Returns true if you can move thumbnails to left |\n| canMoveThumbnailsRight(): boolean  | Returns true if you can move thumbnails to right |\n\n### NgxGalleryOptions\n#### Layout options\n| Input  | Type | Default | Required | Description |\n| ------------- | ------------- | ------------- | ------------- | ------------- |\n| width  | `string` | `500px` | no | Gallery width |\n| height  | `string` | `400px` | no | Gallery height |\n| breakpoint  | `number` | `undefined` | no | Responsive breakpoint, works like media query max-width |\n| fullWidth  | `bolean` | `false` | no | Sets the same width as browser |\n| layout  | `string` | `NgxGalleryLayout.Bottom` | no | Sets thumbnails position |\n| startIndex  | `number` | `0` | no | Sets index of selected image on start |\n| linkTarget  | `string` | `_blank` | no | Sets target attribute of link |\n| lazyLoading  | `boolean` | `true` | no | Enables/disables lazy loading for images |\n\n#### Image options\n| Input  | Type | Default | Required | Description |\n| ------------- | ------------- | ------------- | ------------- | ------------- |\n| image  | `boolean` | `true` | no | Enables or disables image |\n| imageDescription  | `boolean` | `true` | no | Enables or disables description for images |\n| imagePercent  | `number` | `75` | no | Percentage height |\n| imageArrows  | `boolean` | `true` | no | Enables or disables arrows |\n| imageArrowsAutoHide  | `boolean` | `false` | no | Enables or disables arrows auto hide |\n| imageSwipe  | `boolean` | `false` | no | Enables or disables swipe |\n| imageAnimation  | `string` | `NgxGalleryAnimation.Fade` | no | Animation type |\n| imageSize  | `string` | `NgxGalleryImageSize.Cover` | no | Image size |\n| imageAutoPlay  | `boolean` | `false` | no | Enables or disables auto play |\n| imageAutoPlayInterval  | `number` | `2000` | no | Interval for auto play (ms) |\n| imageAutoPlayPauseOnHover  | `boolean` | `false` | no | Enables or disables pause auto play on hover |\n| imageInfinityMove  | `boolean` | `false` | no | Enables or disables infinity move by arrows |\n| imageActions  | `NgxGalleryAction[]` | `[]` | no | Enables or disables navigation bullets |\n\n#### Thumbnails options\n| Input  | Type | Default | Required | Description |\n| ------------- | ------------- | ------------- | ------------- | ------------- |\n| thumbnails  | `boolean` | `true` | no | Enables or disables thumbnails |\n| thumbnailsColumns  | `number` | `4` | no | Columns count |\n| thumbnailsRows  | `number` | `1` | no | Rows count |\n| thumbnailsPercent  | `number` | `25` | no | Percentage height |\n| thumbnailsMargin  | `number` | `10` | no | Margin between thumbnails and image |\n| thumbnailsArrows  | `boolean` | `true` | no | Enables or disables arrows |\n| thumbnailsArrowsAutoHide  | `boolean` | `false` | no | Enables or disables arrows auto hide |\n| thumbnailsSwipe  | `boolean` | `false` | no | Enables or disables swipe |\n| thumbnailsMoveSize  | `number` | `1` | no | Number of items to move on arrow click |\n| thumbnailsOrder  | `number` | `NgxGalleryOrder.Column` | no | Images order |\n| thumbnailsRemainingCount  | `boolean` | `false` | no | If true arrows are disabled and last item has label with remaining count |\n| thumbnailsAsLinks  | `boolean` | `false` | no | Enables or disables links on thumbnails |\n| thumbnailsAutoHide  | `boolean` | `false` | no | Hides thumbnails if there is only one image |\n| thumbnailMargin  | `number` | `10` | no | Margin between images in thumbnails |\n| thumbnailSize  | `string` | `NgxGalleryImageSize.Cover` | no | Thumbnail size |\n| thumbnailActions  | `NgxGalleryAction[]` | `[]` | no | Array of custom actions |\n| thumbnailClasses  | `string[]` | `[]` | no | Custom classes to add to thumbnail component |\n\n\n#### Preview options\n| Input  | Type | Default | Required | Description |\n| ------------- | ------------- | ------------- | ------------- | ------------- |\n| preview  | `boolean` | `true` | no | Enables or disables preview |\n| previewDescription  | `boolean` | `true` | no | Enables or disables description for images |\n| previewArrows  | `boolean` | `true` | no | Enables or disables arrows |\n| previewArrowsAutoHide  | boolean: `string` | `false` | no | Enables or disables arrows auto hide |\n| previewSwipe  | `boolean` | `false` | no | Enables or disables swipe |\n| previewFullscreen  | `boolean` | `false` | no | Enables or disables fullscreen icon |\n| previewForceFullscreen  | `boolean` | `false` | no | Enables or disables opening preview in fullscreen mode |\n| previewCloseOnClick  | `boolean` | `false` | no | Enables or disables closing preview by click |\n| previewCloseOnEsc  | `boolean` | `false` | no | Enables or disables closing preview by esc keyboard |\n| previewKeyboardNavigation  | `boolean` | `false` | no | Enables or disables navigation by keyboard |\n| previewAnimation  | `boolean` | `true` | no | Enables or disables image loading animation |\n| previewAutoPlay  | `boolean` | `false` | no | Enables or disables auto play |\n| previewAutoPlayInterval  | `number` | `2000` | no | Interval for auto play (ms) |\n| previewAutoPlayPauseOnHover  | `boolean` | `false` | no | Enables or disables pouse auto play on hover |\n| previewInfinityMove  | `boolean` | `false` | no | Enables or disables infinity move by arrows |\n| previewZoom  | `boolean` | `false` | no | Enables or disables zoom in and zoom out |\n| previewZoomStep  | `number` | `0.1` | no | Step for zoom change |\n| previewZoomMax  | `number` | `2` | no | Max value for zoom |\n| previewZoomMin  | `number` | `0.5` | no | Min value for zoom |\n| previewRotate  | `boolean` | `false` | no | Enables or disables rotate buttons |\n| previewDownload  | `boolean` | `false` | no | Enables or disables download button |\n| previewBullets  | `boolean` | `false` | no | Enables or disables navigation bullets |\n\n#### Icons options\n\n| Input  | Type | Default | Required | Description |\n| ------------- | ------------- | ------------- | ------------- | ------------- |\n| arrowPrevIcon  | `string` | `'fa fa-arrow-circle-left'` | no | Icon for prev arrow |\n| arrowNextIcon  | `string` | `'fa fa-arrow-circle-right'` | no | Icon for next arrow |\n| closeIcon  | `string` | `'fa fa-times-circle'` | no | Icon for close button |\n| fullscreenIcon  | `string` | `'fa fa-arrows-alt'` | no | Icon for fullscreen button |\n| spinnerIcon  | `string` | `'fa fa-spinner fa-pulse fa-3x fa-fw'` | no | Icon for spinner |\n| zoomInIcon  | `string` | `'fa fa-search-plus'` | no | Icon for zoom in |\n| zoomOutIcon  | `string` | `'fa fa-search-minus'` | no | Icon for zoom out |\n| rotateLeftIcon  | `string` | `'fa fa-undo'` | no | Icon for rotate left |\n| rotateRightIcon  | `string` | `'fa fa-repeat'` | no | Icon for rotate right |\n| downloadIcon  | `string` | `'fa fa-arrow-circle-down'` | no | Icon for download |\n| actions  | `NgxGalleryAction[]` | `[]` | no | Array of new custom actions that will be added to the left of the current close/zoom/fullscreen icons |\n\n### NgxGalleryImage\n\n| Input  | Type | Default | Required | Description |\n| ------------- | ------------- | ------------- | ------------- | ------------- |\n| small  | `string/SafeResourceUrl` | `-` | no | Url used in thumbnails |\n| medium  | `string/SafeResourceUrl` | `-` | no | Url used in image |\n| big  | `string/SafeResourceUrl` | `-` | yes | Url used in preview |\n| description  | `string` | `-` | no | Description used in preview |\n| url  | `string` | `-` | no | Url used in link |\n| label  | `string` | `-` | no | Label used for aria-label when thumbnail is a link |\n\n### NgxGalleryAnimation\n- `Fade` (default)\n- `Slide`\n- `Rotate`\n- `Zoom`\n\n### NgxGalleryImageSize\n- `Cover` (default)\n- `Contain`\n\n### NgxGalleryLayout\n- `Top`\n- `Bottom` (default)\n\n### NgxGalleryOrder\n- `Column` (default)\n- `Row`\n- `Page`\n\n### NgxGalleryAction\n- `icon` | Type: `string` - icon for custom action\n- `disabled` | Type: `boolean` | Default value: `false` - if the icon should be disabled\n- `titleText` | Type: `string` | Default value: `''` - text to set the title attribute to\n- `onClick` | Type: `(event: Event, index: number) => void` - Output function to call when custom action icon is clicked\n\n## What's included\n\nWithin the download you'll find the following directories and files. You'll see something like this:\n\n```\nngx-gallery/\n└── projects/\n    ├── gallery/\n    └── gallery-app/\n```\n`gallery/` - library\n\n`gallery-app/` - demo application\n\n## API Documentation\n\nThis component exposes configuration options via `[options]`, accepts images via `[images]`, and emits events such as `(change)` or `(previewOpen)`.\n\nSee full documentation at: https://github.com/autotaxatiepartners/ngx-gallery\n","readmeFilename":"README.md"}