@ks89/angular-modal-gallery - npm Package Versions

9.1.0

A special thanks to @locinus for PRs #254 and #257

Features

• modal gallery previews can be customized using a template #254 (see example F3 - (id=902) in this repository), implemented by @locinus

Bugfixes

• clicking the right image arrow always shifts the displayed previews, even in cases where it shouldn't, for instance for n>=3 and current=0 (root cause of 'clipping' effects when navigating away from first/last preview) #257, implemented by @locinus
• the number of displayed previews sometimes oscillate between n (number of requested previews in config) and n-1/n+1 while navigating (for example for n=4 or n=5) #257, implemented by @locinus
• when opening the modal and navigating to the last preview by clicking on the right preview arrow, it's impossible to then click on the left preview arrow (same from last to first and clicking on the right preview arrow) #257, implemented by @locinus
• In infinite sliding, the left and right preview arrows should be always visible (except if nbPreviews < nbImages) #257, implemented by @locinus

9.1.0-beta.2

Pull request #257 by @locinus Simplifies and uniformizes the calculation of previews indexes, in the different navigation cases (changes of current images, uses of previews arrows).

Bugfixes

• clicking the right image arrow always shifts the displayed previews, even in cases where it shouldn't, for instance for n>=3 and current=0 (root cause of 'clipping' effects when navigating away from first/last preview)
• the number of displayed previews sometimes oscillate between n (number of requested previews in config) and n-1/n+1 while navigating (for example for n=4 or n=5)
• when opening the modal and navigating to the last preview by clicking on the right preview arrow, it's impossible to then click on the left preview arrow (same from last to first and clicking on the right preview arrow)
• In infinite sliding, the left and right preview arrows should be always visible (except if nbPreviews < nbImages)

9.1.0-beta.1

Features

• modal gallery previews can be customized using a template #254 (see example F3 - (id=902) in this repository), implemented by @locinus

9.0.1

Bugfixes

• update some old links to doc website

9.0.0

Migrate from 8.0.0 to 9.0.0 - Check the official guide HERE

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

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

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
• 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

7.2.7

Bugfixes

• support Angular 11 preventing a build issue. Fixed by @cihancelen with pull request #216.

8.0.0-beta.5

Features

• add new param to previewConfig to display previews on small screens #213 (pull request #214 by vlafranca)

• remove the useless nested 'config' object in ModalGalleryConfig interface.

  To upgrade from all previous 8.0.0 beta releases, change all .open(...) methods passing an object without the nested 'config' object

<br>

This is a beta version without a documentation If you want to try it, check examples/angular-cli-10 to get tons of working examples