Releases: MurhafSousli/ngx-gallery
Releases · MurhafSousli/ngx-gallery
v12 beta 4
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.
- e.g.
- 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
- e.g.
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 withingalleryItemDef
, 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, usescrollBehavior
instead.
v11.0.0
What's Changed
- feat: Add
GalleryThumbDef
,GalleryImageDef
,GalleryItemDef
,GalleryBoxDef
to set custom templates. - feat: Add
imageTemplate
property toGalleryConfig
. - 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
andboxTemplate
has been removed from the gallery component, however they still exist inGalleryConfig
by @MurhafSousli in #565
Full Changelog: v10.0.0...v11.0.0
v10.0.0
What's Changed
- feat: Migrate to standalone components by @MurhafSousli in #557
Full Changelog: v9.0.1...v10.0.0
v9.0.1
What's Changed
Full Changelog: v9.0.0...v9.0.1
v9.0.0
v8.0.4
v8.0.3
v8.0.2
What's Changed
- fix(core): Videos are unplayable if type not specified, closes #515 by @MurhafSousli in #516
- feat(core): Add loadingAttr option to img and iframe elements by @MurhafSousli in #517
Full Changelog: v8.0.1...v8.0.2
v8.0.1
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: v8.0.0...v8.0.1
v8.0.0
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): Remove
itemLoaded
output. - regret(core): Remove
contentVisibilityAuto
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
toGalleryRef
class. - feat(core): Add an optional parameter
behavior
to allnext(behavior?)
,prev(behavior?)
,set(index, behavior?)
functions, fallbacks to thescrollBehavior
config. - refactor(core): Only display custom item template container when
itemTemplate
is provided. - feat(core): Use native
loading
attribute on allimg
andiframe
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
andslidingDuration
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
andthumbSlidingDisabled
options to enable/disable sliding on Mobile and Desktop using the touchpad. in 2451581. - feat(core): Add
mouseSlidingDisabled
andmouseThumbSlidingDisabled
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 nativeclick
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, useboxTemplate
option to add your custom layer. - The default value for
loadingStrategy
option has changed toLoadingStrategy.Preload
. - Added new dependency
bezier-easing
.