@ks89/angular-modal-gallery 8.0.0-beta.5 → 9.0.0

package/CHANGELOG.md

@@ -1,3 +1,151 @@
+# 9.0.0
+ 
+**Migrate from 8.0.0 to 9.0.0 - Check the official guide [HERE](https://ks89.github.io/angular-modal-gallery-2021-v9.github.io/)**
+
+### Features
+
+- remove legacy mode in carousels (drop IE11) #235 **(BREAKING CHANGE)**
+- remove keyCode in keyboard-navigation-directive, because deprecated #200 **(BREAKING CHANGE)**
+- cleanup download image code in modal-gallery.component (drop IE11 and Edge legacy) #228 **(BREAKING CHANGE)**
+- requestFullscreen and exitFullscreen return promises. **(BREAKING CHANGE)**
+  It's not easy to manage all cases in the right way, so at the moment I added only an error in case of catch clause #233 **(BREAKING CHANGE)**
+- Remove AdvancedLayout from PlainGallery, because already unused in v8.x.x #238 **(BREAKING CHANGE)**
+- make LibConfig interface private, to expose ModalLibConfig, PlainLibConfig and CarouselLibConfig #232 **(BREAKING CHANGE)**
+- carousel component accepts CarouselLibConfig as input instead of all parameters to be consistent with changes made in v8.0.0 #229 **(BREAKING CHANGE)**
+- remove `[showGallery]` input from plain-gallery component, because it's unused #239 **(BREAKING CHANGE)**
+- rename `(showImage)` output into `(clickImage)` for plain-gallery #240 **(BREAKING CHANGE)**
+- rename `(showImage)` output into `(changeImage)` for carousel #240 **(BREAKING CHANGE)**
+- when modal-gallery opens with image index 0 or length - 1, it emits first/last Image events #241 **(BREAKING CHANGE)**
+- remove emitButtonAfterHook in closeGallery methods **(BREAKING CHANGE)**
+
+### Bugfixes
+
+- improve error message if you pass an empty array of images to the carousel #209
+
+### Examples
+
+- add examples with 0 images to modal-gallery, carousel and plain-gallery #242
+- remove stackblitz demo because not working properly like with version 8.0.0
+
+### Tests
+
+- improve modal-gallery.component tests to validate also html elements #231
+
+### Docs
+
+- migration guide from 8.0.0 to 9.0.0
+- upgrade doc website to bootstrap 5.x.x #236
+- many fixes to the API and examples input tables (errors made with 8.0.0)
+- general improvement to the doc to show default values in a cleaner way
+- remove LibConfig interface and use the newer interfaces
+
+**Migrate from 8.0.0 to 9.0.0 - Check the official guide [HERE](https://ks89.github.io/angular-modal-gallery-2021-v9.github.io/)**
+
+
+# 8.0.1
+
+### Bugfixes
+
+- fix `config.service.ts` adding `providedIn: 'root'` to the service (fixes #244) reported by @dreiquevada
+
+
+# 8.0.0
+
+### Features
+
+- Migrate to angular/cdk to fix all issues with angular/material **(Breaking Change)** (fixes #137, #111, #95)
+- Split plain-gallery and modal-gallery decoupling those components. Instead, define new APIs to open modal-gallery as a service **(Breaking Change)**
+- upgrade to Angular 12 and angular-cli 12
+- Force Angular >= 12 as minimum supported version. **(Breaking Change)**.
+- remove support to both Angular 6, 7, 8, 9, 10 and 11 **(Breaking Change)**
+- remove Module.forRoot() **(Breaking Change)**
+- move keyboard configuration into libconfig (permits different configuration for every instance of the library). **(Breaking Change)**
+- use IVY as recommended by Angular team ('partial' in tsconfig)
+- Add ability to set fallback image #194  **(Breaking Change)**
+- Add a way to disable titles if requested by the user #179 **(Breaking Change)**
+- remove size from plainGallery Image interface #206 **(Breaking Change)** - reported by @studiocuboweb
+- add new param to previewConfig to display previews on small screens #213 (pull request #214 by vlafranca)
+- Change the background color of modal gallery #225 (requested by @danurasenan here)
+- Carousel has a new input "[disableSsrWorkaround]="true"" to use modals in carousels with SystemJS **(Breaking Change)**.
+  Also, every time you need to open modal gallery, you must pass to LibConfig this code:
+  ```
+  keyboardServiceConfig: {
+      shortcuts: ['ctrl+s', 'meta+s'],
+      disableSsrWorkaround: true
+    }
+  ```
+- new modal-gallery CSS classes used to set the backdrop **(BREAKING CHANGES)**
+
+    ```
+    .ks-modal-gallery-backdrop {
+      background: #000 !important;;
+      opacity: 0.85 !important;;
+    }
+    
+    .ks-modal-gallery-panel {
+      z-index: 90000 !important;
+    }
+    ```
+
+### CI
+- remove AppVeyor
+- remove CircleCi
+- remove Travis Ci
+- add Github Actions Ci
+- add Github CodeQL
+- remove npm's codeclimate coverage reporter to use the new version
+- add Security Policy in SECURITY.MD 
+
+### Tests
+- update tests to the new APIs and components
+
+### Examples
+- upgrade all examples with Angular 12
+- remove SystemJS example
+- create new stackblitz example with Angular 12 and Ivy enabled
+
+### Docs
+- new doc website [HERE](https://ks89.github.io/angular-modal-gallery-2020-v8.github.io/)
+
+## DEPRECATION WARNINGS
+
+**Attention! Angular support for Microsoft's Internet Explorer 11 (IE11) is deprecated and will be removed in Angular v13.**
+**For the same reason, from angular-modal-gallery 8.0.0, IE11 has been deprecated.**
+**At the moment it's still working, but it will be removed in angular-modal-gallery 9.0.0.**
+
+
+# 8.0.0-rc.1
+### Features
+- upgrade project to Angular 12. This is the minimum required version from now. **BREAKING CHANGE**
+
+### Bugfixes
+- remove `document.body.style.overflow = ...` to prevent weird behaviour. @angular/cdk is enough to block window scrolling.
+
+### CI
+- remove all CIs to use only Github Actions
+
+### Tests
+- upgrade unit testing
+
+### Examples
+- remove SystemJS example
+- upgrade all angular-cli examples to Angular 12, because it's the minimum required version from now
+
+### Docs
+- first public live version of [documentation website](https://ks89.github.io/angular-modal-gallery-2020-v8.github.io/)
+- improved doc website adding a more step-by-step introduction to the key concepts of the library
+
+## DEPRECATION WARNINGS
+
+**Attention! Angular support for Microsoft's Internet Explorer 11 (IE11) is deprecated and will be removed in Angular v13.**
+**For the same reason, from angular-modal-gallery 8.0.0, IE11 has been deprecated.**
+**At the moment it's still working, but it will be removed in angular-modal-gallery 9.0.0.**
+
+<br>
+
+**This is a beta version without a documentation**
+
+
 # 8.0.0-beta.5
 ### Features
 - add new param to previewConfig to display previews on small screens #213 (pull request #214 by vlafranca)
@@ -104,6 +252,11 @@ Still not working with universal (SSR), please be patient!
 **If you want to try it, check examples/angular-cli-9 to get tons of working examples**
 
 
+# 7.2.7
+### Bugfixes
+- support Angular 11 preventing a build issue. Fixed by @cihancelen with pull request #216.
+
+
 # 7.2.6
 ### Bugfixes
 - carousel in IE11 legacy mode shows wrong title on previous arrow (it's the same of next arrow, instead of previous). Fixed by @aslubsky with pull request #199.

package/CONTRIBUTING.md

@@ -1,4 +1,4 @@
-Sometimes, shy developers have really good ideas. So don't be shy and open an issue! :)
+Sometimes, shy developers have wonderful ideas. So don't be shy and open an issue! :)
 
 If you want to help me, modify the source code, but **before to create a pull request, follow these steps**
 
@@ -10,23 +10,17 @@ Every time you'll run `npm install` inside an example's folder, you must rebuild
 2. remove all `node_modules` and temp folders with compiled files (if necessary)
 3. `npm install` (from the root of this project)
 4. `npm run clean:all`
-5. `cd examples/systemjs`
+5. `cd examples/angular-cli-13`
 6. `npm install`
 7. `cd ../..`
-8. `cd examples/angular-cli-10`
+8. `cd examples/universal`
 9. `npm install`
 10. `cd ../..`
-11. `cd examples/angular-cli-9`
+11. `cd examples/angular-cli-material`
 12. `npm install`
 13. `cd ../..`
-14. `cd examples/universal`
-15. `npm install`
-16. `cd ../..`
-17. `cd examples/angular-cli-material`
-18. `npm install`
-19. `cd ../..`
-20. `npm run build:all`
-21. `npm test`
+14. `npm run build:all`
+15. `npm test`
 
 # B. Run main example
 1. `npm start` => if everything is ok (also in browser's console), kill the process and go to the next step
@@ -37,8 +31,8 @@ Every time you'll run `npm install` inside an example's folder, you must rebuild
 6. `cd dist/angular-modal-gallery && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
 7. `cd ../..`
 
-# C. Run angular-cli-10 example
-1. `cd examples/angular-cli-10`
+# C. Run angular-cli-13 example
+1. `cd examples/angular-cli-13`
 2. `npm start` => if everything is ok (also in browser's console), kill the process and go to the next step
 3. `npm run build:dev`
 4. `cd dist/angular-cli && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
@@ -47,17 +41,7 @@ Every time you'll run `npm install` inside an example's folder, you must rebuild
 7. `cd dist/angular-cli && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
 8. `cd ../..`
 
-# D. Run angular-cli-9 example
-1. `cd examples/angular-cli-9`
-2. `npm start` => if everything is ok (also in browser's console), kill the process and go to the next step
-3. `npm run build:dev`
-4. `cd dist/angular-cli && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
-5. `cd ../..`
-6. `npm run build:prod`
-7. `cd dist/angular-cli && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
-8. `cd ../..`
-
-# E. Run angular-cli-material example
+# D. Run angular-cli-material example
 1. `cd examples/angular-cli-material`
 2. `npm start` => if everything is ok (also in browser's console), kill the process and go to the next step
 3. `npm run build:dev`
@@ -67,12 +51,7 @@ Every time you'll run `npm install` inside an example's folder, you must rebuild
 7. `cd dist/angular-cli-material && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
 8. `cd ../../../..`
 
-# F. Run systemjs example
-1. `cd examples/systemjs`
-2. `npm start` => if everything is ok (also in browser's console), kill the process and go to the next step
-3. `cd ../..`
-
-# G. Run universal example
+# E. Run universal example
 1. `cd examples/universal`
 2. `npm run start` => if everything is ok (also in browser's console), kill the process and go to the next step
 3. `npm run build:dev`
@@ -99,22 +78,25 @@ Every time you'll run `npm install` inside an example's folder, you must rebuild
 3. `cd ../..`
 4. `npm run clean:all`
 5. `npm run build:lib`
-6. `npm publish @ks89/angular-modal-gallery`
-7. `git push origin master`
-8. `git push origin vx.x.x`  <-- tag name created by npm version (for instance v5.0.1)
+6. `cd @ks89/angular-modal-gallery`
+7. `npm publish`
+8. `git push origin master`
+9. `git push origin vx.x.x`  <-- tag name created by npm version (for instance v5.0.1)
 
 ## Beta and RC releases (@beta)
 1. `cd projects/ks89/angular-modal-gallery`
-2. Manually change the version of `./libs/angular-modal-gallery/package.json` with either this format `x.x.x-beta.x` or `x.x.x-rc.x` (also respect semver!)
+2. Manually change the version of `./package.json` with either this format `x.x.x-beta.x` or `x.x.x-rc.x` (also respect semver!)
 3. `cd ../..`
 4. `npm run clean:all`
 5. `npm run build:lib`
-6. `npm publish @ks89/angular-modal-gallery --tag beta`
+6. `cd @ks89/angular-modal-gallery`
+7. `npm publish --tag beta`
 
 ## Alpha releases (@next)
 1. `cd projects/ks89/angular-modal-gallery`
-2. Manually change the version of `./libs/angular-modal-gallery/package.json` with this format `x.x.x-alpha.x` (also respect semver!)
+2. Manually change the version of `./package.json` with this format `x.x.x-alpha.x` (also respect semver!)
 3. `cd ../..`
 4. `npm run clean:all`
 5. `npm run build:lib`
-6. `npm publish @ks89/angular-modal-gallery --tag next`
+6. `cd @ks89/angular-modal-gallery`
+7. `npm publish --tag next`

package/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017-2020 Stefano Cappa (Ks89)
+Copyright (c) 2017-2021 Stefano Cappa (Ks89)
 Copyright (c) 2016 vimalavinisha
 
 Permission is hereby granted, free of charge, to any person obtaining a copy

package/README.md

@@ -14,7 +14,7 @@ Despite its name, this library is more than for modal galleries, because I'm int
 <ul>
   <li><b>plain-gallery</b>: shows either a row, a column or a grid of <b>clickable thumbnails</b> using pure flexbox</li>
 <li><b>modal-gallery</b>: is the core part of this project and display a <b>modal window with full screen images</b>, <b>buttons</b>, the <b>current image</b> and optionally, also navigation <b>dots</b> and <b>previews</b></li>
-<li><b>carousel</b>: is the new feature introduced in 7.0.0 to show a configurable plain carousel (not modal) with auto-play and other cool features</li>
+<li><b>carousel</b>: shows a configurable plain carousel (not modal) with auto-play and other cool features</li>
 </ul>
 <p><b>@ks89/angular-modal-gallery</b> supports also <b>keyboard shortcuts</b>, <b>swipe gestures</b> and <b>mouse events</b>.</p>
 <br>
@@ -36,24 +36,18 @@ Despite its name, this library is more than for modal galleries, because I'm int
   <a href="https://www.npmjs.com/package/@ks89/angular-modal-gallery"><img src="https://img.shields.io/npm/dy/@ks89/angular-modal-gallery.svg?style=flat-square" alt="Downloads/year"></a>
 </p>
 <p align="center">
-  <a href="https://travis-ci.org/Ks89/angular-modal-gallery"><img src="https://travis-ci.org/Ks89/angular-modal-gallery.svg?branch=master" alt=""></a>
-  <a href="https://ci.appveyor.com/project/Ks89/angular-modal-gallery/branch/master"><img src="https://ci.appveyor.com/api/projects/status/ikp5qqr9aci2s0ae/branch/master?svg=true" alt=""></a>
-  <a href="https://circleci.com/gh/Ks89/angular-modal-gallery"><img src="https://circleci.com/gh/Ks89/angular-modal-gallery.svg?style=svg" alt=""></a>
+  <a href="https://github.com/Ks89/angular-modal-gallery/actions/workflows/main.yml"><img src="https://github.com/Ks89/angular-modal-gallery/actions/workflows/main.yml/badge.svg" alt="Github Actions CI result"></a>
 </p>
 <p align="center">
   <a href="https://snyk.io/test/github/ks89/angular-modal-gallery"><img src="https://snyk.io/test/github/ks89/angular-modal-gallery/badge.svg" alt="Known Vulnerabilities"></a>
-  <a href="https://david-dm.org/Ks89/angular-modal-gallery"><img src="https://david-dm.org/Ks89/angular-modal-gallery.svg" alt="david-dm Dependencies"></a>
+  <a href="https://david-dm.org/Ks89/angular-modal-gallery"><img src="https://status.david-dm.org/gh/Ks89/angular-modal-gallery.svg" alt="david-dm Dependencies"></a>
   <a href="https://app.fossa.io/projects/git%2Bgithub.com%2FKs89%2Fangular-modal-gallery?ref=badge_shield"><img src="https://app.fossa.io/api/projects/git%2Bgithub.com%2FKs89%2Fangular-modal-gallery.svg?type=shield" alt="FOSSA Status"></a>
   <a href="https://github.com/prettier/prettier"><img src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square" alt="code style: prettier"></a>
 </p>
 <p align="center">
-  <a href="https://codeclimate.com/github/Ks89/angular-modal-gallery"><img src="https://codeclimate.com/github/Ks89/angular-modal-gallery/badges/gpa.svg" alt="Code Climate"></a>
-  <a href="https://codeclimate.com/github/Ks89/angular-modal-gallery/coverage"><img src="https://codeclimate.com/github/Ks89/angular-modal-gallery/badges/coverage.svg" alt="ode Climate Coverage"></a>
   <a href="https://coveralls.io/github/Ks89/angular-modal-gallery?branch=master"><img src="https://coveralls.io/repos/github/Ks89/angular-modal-gallery/badge.svg?branch=master" alt="Coveralls Coverage"></a>
 </p>
 <p align="center">
-  <a href="https://stackblitz.com/edit/angular-modal-gallery-v8"><img src="https://img.shields.io/badge/stackblitz-available-orange.svg" alt="Stackblitz
-  "></a>
   <a href="https://www.npmjs.com/package/@ks89/angular-modal-gallery"><img src="https://img.shields.io/badge/angular--style--guide-compliant-brightgreen.svg" alt="AngularStyleGuide"></a>
 </p>
 <p align="center">
@@ -74,13 +68,12 @@ Despite its name, this library is more than for modal galleries, because I'm int
 2. **[Features](#boom-features-boom)**
 3. **[Installation](#package-installation-package)**
 4. **[OFFICIAL DOCUMENTATION](#book-documentation-book)**
-5. **[Live demo](#microphone-live-demo-microphone)**
-6. **[Choose the version](#warning-choose-the-version-warning)**
-7. **[News](#fire-news-fire)**
-8. **[FAQS](#question-faqs-question)**
-9. **[Contributing](#computer-contributing-computer)**
-10. **[A big thank you to](#sparkling_heart-a-big-thank-you-to-sparkling_heart)**
-11. **[License](#copyright-license-copyright)**
+5. **[Choose the version](#warning-choose-the-version-warning)**
+6. **[News](#fire-news-fire)**
+7. **[FAQS](#question-faqs-question)**
+8. **[Contributing](#computer-contributing-computer)**
+9. **[A big thank you to](#sparkling_heart-a-big-thank-you-to-sparkling_heart)**
+10. **[License](#copyright-license-copyright)**
 
 <br>
 
@@ -120,12 +113,12 @@ Despite its name, this library is more than for modal galleries, because I'm int
 
 ## :boom: Features :boom:
 - Angular Module to import this library
-- requires IE >= 11 and Angular >= 9
-- works with both JIT and AOT compilers
+- requires Angular >= 13
+- IVY is required
 - supports all **recommended Angular Compiler Options**
-- compliant to Angular Package Format v10 specifications
+- compliant to Angular Package Format v13 specifications
 - **use [Semantic versioning 2.0.0](http://semver.org/)** also known as 'semver'
-- official examples with `angular-cli`, `angular-cli + material`, `SystemJS` and `angular-universal` [HERE](https://github.com/Ks89/angular-modal-gallery/tree/master/examples)
+- official examples with `angular-cli`, `angular-cli + material` and `angular-universal` [HERE](https://github.com/Ks89/angular-modal-gallery/tree/master/examples)
 - unit testing with high % coverage
 - **Server Side Rendering** support with angular-universal
 - Web Accessibility features, like ARIA support and [toptal.com](https://www.toptal.com/designers/colorfilter) criteria (tested with `Sim Daltonism` for macOS)
@@ -139,7 +132,7 @@ Despite its name, this library is more than for modal galleries, because I'm int
 - configurable side-previews (visible only on bigger screen)
 - configurable dots navigation (visible only on bigger screen)
 - configurable previews (visible only on bigger screen)
-- and many more... (check the official documentation [HERE](https://ks89.github.io/angular-modal-gallery-2020-v8.github.io/))
+- and many more... (check the official documentation [HERE](https://ks89.github.io/angular-modal-gallery-2021-v9.github.io/))
 
 <br>
 
@@ -150,8 +143,7 @@ Despite its name, this library is more than for modal galleries, because I'm int
 - `npm install --save-dev @types/mousetrap @types/hammerjs`
 
 From version @ks89/angular-modal-gallery >= 5.0.0, **font-awesome isn't a mandatory dependency**.
-You can use all default features without font-awesome. For more info, check official [documentation website](https://ks89.github.io/angular-modal
--gallery-2020-v8.github.io/).
+You can use all default features without font-awesome. For more info, check official [documentation website](https://ks89.github.io/angular-modal-gallery-2021-v9.github.io/).
 
 <br>
 
@@ -159,13 +151,7 @@ You can use all default features without font-awesome. For more info, check offi
 
 *Image loading could be slow, because this website is hosted on Github pages*
 
-[OFFICIAL DOCUMENTATION WEBSITE](https://ks89.github.io/angular-modal-gallery-2020-v8.github.io/)
-
-<br>
-
-## :microphone: **Live demo** :microphone:
-
-[OFFICIAL LIVE DEMO](https://stackblitz.com/edit/angular-modal-gallery-v8/)
+[OFFICIAL DOCUMENTATION WEBSITE](https://ks89.github.io/angular-modal-gallery-2021-v9.github.io/)
 
 <br>
 
@@ -177,12 +163,17 @@ You can use all default features without font-awesome. For more info, check offi
 | Angular 2  | = 3.3.5                     | &gt;= 4.0.0  |
 | Angular 4  | = 5.7.1                     | optional     |
 | Angular 5  | = 6.3.0                     | optional     |
-| Angular 6  | &gt;= 7.0.0                 | optional     |
-| Angular 7  | &gt;= 7.0.0                 | optional     |
-| Angular 8  | &gt;= 7.2.1                 | optional     |
-| Angular 9  | &gt;= 8.0.0                 | optional     |
-| Angular 10 | &gt;= 8.0.0                 | optional     |
-| Angular 11 | &gt;= 8.0.0                 | optional     |
+| Angular 6  | = 7.2.7                     | optional     |
+| Angular 7  | = 7.2.7                     | optional     |
+| Angular 8  | = 7.2.7                     | optional     |
+| Angular 9  | = 7.2.7                     | optional     |
+| Angular 10 | = 7.2.7                     | optional     |
+| Angular 11 | = 7.2.7                     | optional     |
+| Angular 12 | = 8.0.1                     | optional     |
+| Angular 13 | &gt;= 9.0.0                 | optional     |
+
+*Version 8.0.0 requires at least Angular 12.*
+*Version 9.0.0 requires at least Angular 13.*
 
 <br>
 
@@ -190,11 +181,16 @@ You can use all default features without font-awesome. For more info, check offi
 
 **More than 100 releases in two years**, and more to come... :)
 
+- 11/06/2021 - 9.0.0 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
+- 09/27/2021 - 8.0.1 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
+- 07/10/2021 - 8.0.0 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
+- 06/13/2021 - 8.0.0-rc.1 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 11/22/2020 - 8.0.0-beta.5 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 08/14/2020 - 8.0.0-beta.4 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 08/12/2020 - 8.0.0-beta.3 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 06/02/2020 - 8.0.0-beta.2 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 05/02/2020 - 8.0.0-beta.1 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
+- 12/05/2020 - 7.2.7 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 12/29/2019 - 7.2.6 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 09/23/2019 - 7.2.5 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 08/19/2019 - 7.2.4 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
@@ -236,12 +232,12 @@ You can use all default features without font-awesome. For more info, check offi
    **Answer**: Simply run `npm i --save-dev @types/mousetrap`
 2. Question: **I have this error: `Error: No provider for KeyboardService`. What can I do?**<br>
    **Answer**: You forgot to add .forRoot(), so KeyboardService will be never available as a service. Please read section "Installation" [HERE](https
-   ://ks89.github.io/angular-modal-gallery-2020-v8.github.io/gettingStarted).
+   ://ks89.github.io/angular-modal-gallery-2021-v9.github.io/gettingStarted).
    This is a common design pattern for Angular libraries. For more info check also [this issue](https://github.com/Ks89/angular-modal-gallery/issues/94).
 3. Question: **How can I remove images using DELETE button without issues?**<br>
    **Answer**: **You cannot change the input image array. Instead, you should reassign it with a newer array** without the deleted element.
    In other words, **you must think in a functional way**, without changing the input array of images.
-   For more information check this official demo [HERE](https://ks89.github.io/angular-modal-gallery-2020-v8.github.io/demo/buttons-strategies).
+   For more information check this official demo [HERE](https://ks89.github.io/angular-modal-gallery-2021-v9.github.io/demo/buttons-strategies).
 
 <br>
 
@@ -251,9 +247,7 @@ Check `CONTRIBUTING.md` in this repository.
 To understand how to contribute to an open source project, [HERE](https://egghead.io/courses/how-to-contribute-to-an-open-source-project-on-github) you can find useful information.
 
 When you create a pull request, please, format your code to be consistent with the existing code. I suggest to use [WebStorm](https://www.jetbrains.com/webstorm/) as IDE and when you commit don't use a third party software, but the official command line `git`.
-In this way, [prettier](https://prettier.io/) will run using my configuration and it will auto-format the code. If it will fail, add files with `git add .` again and retry.
-
-Also, if you want to generate the `internal library documentation`, run `npm run docs` and open `./docs/typedoc/index.html`.
+In this way, [prettier](https://prettier.io/) will run using my configuration, and it will auto-format the code. If it fails, add files with `git add .` again and retry.
 
 <br>
 
@@ -281,7 +275,7 @@ Also, if you want to generate the `internal library documentation`, run `npm run
 
 The MIT License (MIT)
 
-Copyright (c) 2017-2020 Stefano Cappa (Ks89)
+Copyright (c) 2017-2021 Stefano Cappa (Ks89)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/esm2020/ks89-angular-modal-gallery.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3M4OS1hbmd1bGFyLW1vZGFsLWdhbGxlcnkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9rczg5L2FuZ3VsYXItbW9kYWwtZ2FsbGVyeS9zcmMva3M4OS1hbmd1bGFyLW1vZGFsLWdhbGxlcnkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2020/lib/components/accessibility-default.mjs

@@ -0,0 +1,41 @@
+/**
+ * Default accessibility configuration.
+ */
+export const KS_DEFAULT_ACCESSIBILITY_CONFIG = {
+    backgroundAriaLabel: 'Modal gallery full screen background',
+    backgroundTitle: '',
+    plainGalleryContentAriaLabel: 'Plain gallery content',
+    plainGalleryContentTitle: '',
+    modalGalleryContentAriaLabel: 'Modal gallery content',
+    modalGalleryContentTitle: '',
+    loadingSpinnerAriaLabel: 'The current image is loading. Please be patient.',
+    loadingSpinnerTitle: 'The current image is loading. Please be patient.',
+    mainContainerAriaLabel: 'Current image and navigation',
+    mainContainerTitle: '',
+    mainPrevImageAriaLabel: 'Previous image',
+    mainPrevImageTitle: 'Previous image',
+    mainNextImageAriaLabel: 'Next image',
+    mainNextImageTitle: 'Next image',
+    dotsContainerAriaLabel: 'Image navigation dots',
+    dotsContainerTitle: '',
+    dotAriaLabel: 'Navigate to image number',
+    previewsContainerAriaLabel: 'Image previews',
+    previewsContainerTitle: '',
+    previewScrollPrevAriaLabel: 'Scroll previous previews',
+    previewScrollPrevTitle: 'Scroll previous previews',
+    previewScrollNextAriaLabel: 'Scroll next previews',
+    previewScrollNextTitle: 'Scroll next previews',
+    carouselContainerAriaLabel: 'Current image and navigation',
+    carouselContainerTitle: '',
+    carouselPrevImageAriaLabel: 'Previous image',
+    carouselPrevImageTitle: 'Previous image',
+    carouselNextImageAriaLabel: 'Next image',
+    carouselNextImageTitle: 'Next image',
+    carouselPreviewsContainerAriaLabel: 'Image previews',
+    carouselPreviewsContainerTitle: '',
+    carouselPreviewScrollPrevAriaLabel: 'Scroll previous previews',
+    carouselPreviewScrollPrevTitle: 'Scroll previous previews',
+    carouselPreviewScrollNextAriaLabel: 'Scroll next previews',
+    carouselPreviewScrollNextTitle: 'Scroll next previews'
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjZXNzaWJpbGl0eS1kZWZhdWx0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva3M4OS9hbmd1bGFyLW1vZGFsLWdhbGxlcnkvc3JjL2xpYi9jb21wb25lbnRzL2FjY2Vzc2liaWxpdHktZGVmYXVsdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLCtCQUErQixHQUF3QjtJQUNsRSxtQkFBbUIsRUFBRSxzQ0FBc0M7SUFDM0QsZUFBZSxFQUFFLEVBQUU7SUFFbkIsNEJBQTRCLEVBQUUsdUJBQXVCO0lBQ3JELHdCQUF3QixFQUFFLEVBQUU7SUFFNUIsNEJBQTRCLEVBQUUsdUJBQXVCO0lBQ3JELHdCQUF3QixFQUFFLEVBQUU7SUFFNUIsdUJBQXVCLEVBQUUsa0RBQWtEO0lBQzNFLG1CQUFtQixFQUFFLGtEQUFrRDtJQUV2RSxzQkFBc0IsRUFBRSw4QkFBOEI7SUFDdEQsa0JBQWtCLEVBQUUsRUFBRTtJQUN0QixzQkFBc0IsRUFBRSxnQkFBZ0I7SUFDeEMsa0JBQWtCLEVBQUUsZ0JBQWdCO0lBQ3BDLHNCQUFzQixFQUFFLFlBQVk7SUFDcEMsa0JBQWtCLEVBQUUsWUFBWTtJQUVoQyxzQkFBc0IsRUFBRSx1QkFBdUI7SUFDL0Msa0JBQWtCLEVBQUUsRUFBRTtJQUN0QixZQUFZLEVBQUUsMEJBQTBCO0lBRXhDLDBCQUEwQixFQUFFLGdCQUFnQjtJQUM1QyxzQkFBc0IsRUFBRSxFQUFFO0lBQzFCLDBCQUEwQixFQUFFLDBCQUEwQjtJQUN0RCxzQkFBc0IsRUFBRSwwQkFBMEI7SUFDbEQsMEJBQTBCLEVBQUUsc0JBQXNCO0lBQ2xELHNCQUFzQixFQUFFLHNCQUFzQjtJQUU5QywwQkFBMEIsRUFBRSw4QkFBOEI7SUFDMUQsc0JBQXNCLEVBQUUsRUFBRTtJQUMxQiwwQkFBMEIsRUFBRSxnQkFBZ0I7SUFDNUMsc0JBQXNCLEVBQUUsZ0JBQWdCO0lBQ3hDLDBCQUEwQixFQUFFLFlBQVk7SUFDeEMsc0JBQXNCLEVBQUUsWUFBWTtJQUNwQyxrQ0FBa0MsRUFBRSxnQkFBZ0I7SUFDcEQsOEJBQThCLEVBQUUsRUFBRTtJQUNsQyxrQ0FBa0MsRUFBRSwwQkFBMEI7SUFDOUQsOEJBQThCLEVBQUUsMEJBQTBCO0lBQzFELGtDQUFrQyxFQUFFLHNCQUFzQjtJQUMxRCw4QkFBOEIsRUFBRSxzQkFBc0I7Q0FDdkQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFjY2Vzc2liaWxpdHlDb25maWcgfSBmcm9tICcuLi9tb2RlbC9hY2Nlc3NpYmlsaXR5LmludGVyZmFjZSc7XG5cbi8qKlxuICogRGVmYXVsdCBhY2Nlc3NpYmlsaXR5IGNvbmZpZ3VyYXRpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBLU19ERUZBVUxUX0FDQ0VTU0lCSUxJVFlfQ09ORklHOiBBY2Nlc3NpYmlsaXR5Q29uZmlnID0ge1xuICBiYWNrZ3JvdW5kQXJpYUxhYmVsOiAnTW9kYWwgZ2FsbGVyeSBmdWxsIHNjcmVlbiBiYWNrZ3JvdW5kJyxcbiAgYmFja2dyb3VuZFRpdGxlOiAnJyxcblxuICBwbGFpbkdhbGxlcnlDb250ZW50QXJpYUxhYmVsOiAnUGxhaW4gZ2FsbGVyeSBjb250ZW50JyxcbiAgcGxhaW5HYWxsZXJ5Q29udGVudFRpdGxlOiAnJyxcblxuICBtb2RhbEdhbGxlcnlDb250ZW50QXJpYUxhYmVsOiAnTW9kYWwgZ2FsbGVyeSBjb250ZW50JyxcbiAgbW9kYWxHYWxsZXJ5Q29udGVudFRpdGxlOiAnJyxcblxuICBsb2FkaW5nU3Bpbm5lckFyaWFMYWJlbDogJ1RoZSBjdXJyZW50IGltYWdlIGlzIGxvYWRpbmcuIFBsZWFzZSBiZSBwYXRpZW50LicsXG4gIGxvYWRpbmdTcGlubmVyVGl0bGU6ICdUaGUgY3VycmVudCBpbWFnZSBpcyBsb2FkaW5nLiBQbGVhc2UgYmUgcGF0aWVudC4nLFxuXG4gIG1haW5Db250YWluZXJBcmlhTGFiZWw6ICdDdXJyZW50IGltYWdlIGFuZCBuYXZpZ2F0aW9uJyxcbiAgbWFpbkNvbnRhaW5lclRpdGxlOiAnJyxcbiAgbWFpblByZXZJbWFnZUFyaWFMYWJlbDogJ1ByZXZpb3VzIGltYWdlJyxcbiAgbWFpblByZXZJbWFnZVRpdGxlOiAnUHJldmlvdXMgaW1hZ2UnLFxuICBtYWluTmV4dEltYWdlQXJpYUxhYmVsOiAnTmV4dCBpbWFnZScsXG4gIG1haW5OZXh0SW1hZ2VUaXRsZTogJ05leHQgaW1hZ2UnLFxuXG4gIGRvdHNDb250YWluZXJBcmlhTGFiZWw6ICdJbWFnZSBuYXZpZ2F0aW9uIGRvdHMnLFxuICBkb3RzQ29udGFpbmVyVGl0bGU6ICcnLFxuICBkb3RBcmlhTGFiZWw6ICdOYXZpZ2F0ZSB0byBpbWFnZSBudW1iZXInLFxuXG4gIHByZXZpZXdzQ29udGFpbmVyQXJpYUxhYmVsOiAnSW1hZ2UgcHJldmlld3MnLFxuICBwcmV2aWV3c0NvbnRhaW5lclRpdGxlOiAnJyxcbiAgcHJldmlld1Njcm9sbFByZXZBcmlhTGFiZWw6ICdTY3JvbGwgcHJldmlvdXMgcHJldmlld3MnLFxuICBwcmV2aWV3U2Nyb2xsUHJldlRpdGxlOiAnU2Nyb2xsIHByZXZpb3VzIHByZXZpZXdzJyxcbiAgcHJldmlld1Njcm9sbE5leHRBcmlhTGFiZWw6ICdTY3JvbGwgbmV4dCBwcmV2aWV3cycsXG4gIHByZXZpZXdTY3JvbGxOZXh0VGl0bGU6ICdTY3JvbGwgbmV4dCBwcmV2aWV3cycsXG5cbiAgY2Fyb3VzZWxDb250YWluZXJBcmlhTGFiZWw6ICdDdXJyZW50IGltYWdlIGFuZCBuYXZpZ2F0aW9uJyxcbiAgY2Fyb3VzZWxDb250YWluZXJUaXRsZTogJycsXG4gIGNhcm91c2VsUHJldkltYWdlQXJpYUxhYmVsOiAnUHJldmlvdXMgaW1hZ2UnLFxuICBjYXJvdXNlbFByZXZJbWFnZVRpdGxlOiAnUHJldmlvdXMgaW1hZ2UnLFxuICBjYXJvdXNlbE5leHRJbWFnZUFyaWFMYWJlbDogJ05leHQgaW1hZ2UnLFxuICBjYXJvdXNlbE5leHRJbWFnZVRpdGxlOiAnTmV4dCBpbWFnZScsXG4gIGNhcm91c2VsUHJldmlld3NDb250YWluZXJBcmlhTGFiZWw6ICdJbWFnZSBwcmV2aWV3cycsXG4gIGNhcm91c2VsUHJldmlld3NDb250YWluZXJUaXRsZTogJycsXG4gIGNhcm91c2VsUHJldmlld1Njcm9sbFByZXZBcmlhTGFiZWw6ICdTY3JvbGwgcHJldmlvdXMgcHJldmlld3MnLFxuICBjYXJvdXNlbFByZXZpZXdTY3JvbGxQcmV2VGl0bGU6ICdTY3JvbGwgcHJldmlvdXMgcHJldmlld3MnLFxuICBjYXJvdXNlbFByZXZpZXdTY3JvbGxOZXh0QXJpYUxhYmVsOiAnU2Nyb2xsIG5leHQgcHJldmlld3MnLFxuICBjYXJvdXNlbFByZXZpZXdTY3JvbGxOZXh0VGl0bGU6ICdTY3JvbGwgbmV4dCBwcmV2aWV3cydcbn07XG4iXX0=