Ngx Gallery Versions Save

Angular Gallery, Carousel and Lightbox

v12.0.0-beta.4

4 months ago

12.0.0-beta.4

See the storybook documentation

  • feat: Add RTL support, closes #540.
  • All boolean inputs of <gallery> components can be used as string attributes
    • e.g. <gallery autoHeight>, <gallery autoHeight="true"> and <gallery [autoHeight]="true"> sets the option's value to true.
    • e.g. <gallery autoHeight="false"> and <gallery [autoHeight]="false"> sets the option's value to false.
  • All number inputs of <gallery> components can be used as string attributes
    • e.g. <gallery playerInterval="2000"> and <gallery [playerInterval]="2000"> sets the option's value to 2000

Improved performance

  • refactor: Replace the scroll event with intersection observer to detect the active item while scrolling.

ItemAutoSize, ThumbAutoSize features

  • enhance: Toggling itemAutoSize option is now reactive.
  • fix: [thumbAutosize] causes random invalid starting thumbnail scroller position when scrolling possible, closes #521
  • fix: [ItemAutosize] in website/safari browsers do not work as expected, closes #543

AutoHeight feature

  • enhance: Auto-height feature is not more precise and works well with or without height transition
  • fix: Auto-height issue when screen size changes

Autoplay feature

  • fix: autoplay resets the timer after navigated.
  • fix: autoplay only start the timer after the image is loaded.

Bullets (previously named 'Dots')

  • feat: disableBullets disable bullets' clicks

Custom template

  • feature: Introduce galleryImage directive within galleryItemDef, to allow recognizing the img element in your custom item template.

Breaking changes

Options renamed:

Core

  • slidingDirection → orientation
  • slidingEase → scrollEase
  • slidingDuration → scrollDuration
  • slidingDisabled → disableScroll
  • mouseSlidingDisabled → disableMouseScroll
  • autoPlay → autoplay

Thumbs

  • thumb → thumbs
  • thumbMode → thumbCentralized
  • thumbMode → thumbCentralized
  • thumbDetached → detachThumbs
  • thumbSlidingDisabled → disableThumbMouseScroll
  • thumbMouseSlidingDisabled → disableThumbMouseScroll

Bullets

  • dots → bullets
  • dotSize → bulletSize
  • dotPosition → bulletPosition

Input removed (no longer exist)

  • navScrollBehavior the option is now removed, use scrollBehavior instead.

v11.0.0

10 months ago

What's Changed

  • feat: Add GalleryThumbDef, GalleryImageDef, GalleryItemDef, GalleryBoxDef to set custom templates.
  • feat: Add imageTemplate property to GalleryConfig.
  • feat: Add args property in case need to attach extra data with the gallery item.
  • enhance: Improve overall typings.

Breaking changes

  • Usage of custom template has been changed! see the wiki page for more info.
  • The inputs itemTemplate, thumbTemplate and boxTemplate has been removed from the gallery component, however they still exist in GalleryConfig

by @MurhafSousli in https://github.com/MurhafSousli/ngx-gallery/pull/565

Full Changelog: https://github.com/MurhafSousli/ngx-gallery/compare/v10.0.0...v11.0.0

v10.0.0

11 months ago

What's Changed

Full Changelog: https://github.com/MurhafSousli/ngx-gallery/compare/v9.0.1...v10.0.0

v9.0.1

11 months ago

What's Changed

  • Remove bezier-easing package from dependencies, closes #525 #551 in 6c47ecb.

Full Changelog: https://github.com/MurhafSousli/ngx-gallery/compare/v9.0.0...v9.0.1

v9.0.0

11 months ago

What's Changed

Full Changelog: https://github.com/MurhafSousli/ngx-gallery/compare/v8.0.4...v9.0.0

v8.0.4

1 year ago

What's Changed

v8.0.3

1 year ago

What's Changed

Full Changelog: https://github.com/MurhafSousli/ngx-gallery/compare/v8.0.2...v8.0.3

v8.0.2

1 year ago

What's Changed

Full Changelog: https://github.com/MurhafSousli/ngx-gallery/compare/v8.0.1...v8.0.2

v8.0.1

1 year ago

What's Changed

  • fix(core): Gallery nav icons are not alignment properly, in d4dca8b.
  • fox(core): Gallery dots is not horizontally centralized, in f2d6910.
  • fix(core): Fix lib's angular peerDependencies version to >=15 in 9ea5ea3.

Full Changelog: https://github.com/MurhafSousli/ngx-gallery/compare/v8.0.0...v8.0.1

v8.0.0

1 year ago

What's Changed

  • feat(core): Add isActive to custom gallery template context, in 0b3f8bf.
  • refactor(core): Fix the iframe error regarding the allow attribute.
  • refactor(core): Change default navigation icons.
  • refactor(core): Change default dots size.
  • refactor(core): Change default counter styles.
  • regret(core): RemoveitemLoaded output.
  • regret(core): RemovecontentVisibilityAuto option for version 8.
  • feat(core): Add autoHeight option, when set to true, the gallery height will fit the active item height.
  • feat(core): Add autoItemSize option, when set to true, the item will fit its image aspect ratio.
  • feat(core): Add autoThumbSize option, when set to true, the thumb will fit its image aspect ratio.
  • feat(core): Add scrollBehavior option.
  • feat(core): Add navScrollBehavior option.
  • feat(core): Add thumbImageSize option.
  • feat(core): Add more options to the video item.
  • feat(core): Add configSnapshot to GalleryRef class.
  • feat(core): Add an optional parameter behavior to all next(behavior?), prev(behavior?), set(index, behavior?) functions, fallbacks to the scrollBehavior config.
  • refactor(core): Only display custom item template container when itemTemplate is provided.
  • feat(core): Use native loading attribute on all img and iframe for native lazy loading.
  • refactor(core): Fix loop issue when sliding with using the mouse, in 1572bea.
  • refactor(core): Remove lazy-image directive.
  • fix(core): Set current index in sliding event does not work if slider size number has fraction, in 58e89fb.
  • fix(lightbox): close button is not displayed, in 506249b.
  • feat(core): Use scrolling slider instead of transform method, allows touchpad scroll to slide the gallery as well as native sliding on mobile browser.
  • feat(core): Add resizeDebounceTime option which is used to update the gallery on window resize event in 34a2723 and d867630.
  • feat(core): Add slidingEase and slidingDuration to customize sliding ease and duration in 4c1db03.
  • feat(core): Add thumbDetached to detach thumb slider, closes #289 in 1f47484.
  • feat(core): Add boxTemplate to the gallery, closes #487 in f46e33a.
  • feat(core): Add slidingDisabled and thumbSlidingDisabled options to enable/disable sliding on Mobile and Desktop using the touchpad. in 2451581.
  • feat(core): Add mouseSlidingDisabled and mouseThumbSlidingDisabled options to enable/disable sliding on Desktop using the mouse. in 2451581.
  • feat(core): Images not shown, when number of images get larger, closes #484 in e819ebe.
  • fix(core): thumbView="contain" Sliding thumbnails using gestures has an issue, closes #417 in e819ebe.
  • refactor(core): Remove thumbMode option from the gallery, in 18f71e3
  • refactor(core): Remove tapClick event and use native click event, in 3d960cc.
  • refactor(core): Remove ng-content from the gallery, in 63e3b6b.
  • refactor(core): Remove panSensitivity option, in d1f8d34.
  • refactor(core): Remove gestures option, in 70cb00c.
  • refactor(core): Remove reserveGesturesAction option, in 4b07fc7.
  • refactor(core): Remove zoomOut option, in 19ba2b8.

Breaking changes:

HammerJs is only used for sliding using the mouse on desktop only, Sliding on mobile devices is now native scroll.

  • gestures option has been deprecated.
  • thumbMode option has been deprecated, sliding thumbnails is free.
  • zoomOut has been deprecated.
  • reserveGesturesAction has been deprecated.
  • panSensitivity has been deprecated.
  • Remove ng-content from the gallery, use boxTemplate option to add your custom layer.
  • The default value for loadingStrategy option has changed to LoadingStrategy.Preload.
  • Added new dependency bezier-easing.