All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
- Added translation for the Dropdown options on props
showNavigationArrows
andshowPaginationDots
- Translations for Bulgarian, German, Spanish, French, Italian, Korean, Dutch, Portuguese, Romanian and Thai.
- Fixed unexpected vertical scrolling when user scrolls the slider horizontally
- Fixed the accessibility issue of the
aria-controls
s' relationship between the slider and its controls (reference). - Fixed the
tabindex
accessibility issue of the dots controls (reference).
README.md
section aboutIntegration with Google Analytics Enhanced Ecommerce
.
- Updated readme.md according to task LOC-10480.
- Updated README links.
- German translation.
- Thai translation.
- English and Portuguese translations.
- Information about Google Analytics Enhanced Ecommerce feature.
- Infinite behavior when
navigationStep
is defined.
- Spanish translation.
- Pseudolanguage.
centerModeSlidesGap
prop.
- I18n Bg and Bs (pseudo-language to implement in-context tool).
- I18n Es and It.
SliderTrack
: Pass__isDuplicated
prop to duplicated child.
- Broken link in documentation
- Crowdin configuration file.
- I18n Fr, It, Ko and Nl.
- Crowdin configuration file.
- I18n Ro and Jp.
- Crowdin configuration file.
- Prop
classes
to SliderLayout.
- Migrate to
vtex.css-handles@1.x
.
- Modifiers
visible
andhidden
for theslide
CSS Handles
- Navigation controls would not work when the
slider
was placed inside an<a>
tag. This is the case if you were to place aslider-layout
inside of aproduct-summary
.
- Slides not re-rendering on prop change
- New
centerMode
prop.
- Proper support for dynamic
slider-layout
s.
- Unity tests for individual components.
ADJUST_ON_RESIZE
reducer action settingtransform
to incorrect values, not based ontransformMap
.
- New
SliderLayoutGroup
component and itsslider-layout-group
interface.
- Full support for
responsive-values
in theitemsPerPage
prop, through the use ofvtex.responsive-values
.
slidesPerPage
miscalculation in situations where the total number of slides to render where less than the value fromitemsPerPage
for the current device.
SliderTrack
component miscalculating its own width.
- Infinite loops now happen without "rewinding" effects.
- Dampening effect during touch movement, making the slider more responsive on mobile devices.
- Navigation using
PaginationDots
would result in elements not being rendered.
- Modifiers
firstVisible
andlastVisible
for theslide
CSS Handles
- New CSS Handle
paginationDot--isActive
.
fullWidth
toSliderLayout
schema definition and allow it to be controlled by the Site Editor.autoplay
anditemsPerPage
toSliderLayout
schema aslayout
properties.
- Prevent unvisited slides from rendering, improving performance.
- Touch handlers not working as expected.
- Slider would "flash" when transitioning from SSR to CSR.
- New
sliderTrackContainer
CSS handle. - New props
fullWidth
andarrowSize
.
- Recipe about how to use slider-layout as carousel
- Support for
autoplay
feature via a newautoplay
prop.
- CSS handles.
- Support for consuming
list-context
s.
- Support for customization via Site Editor.
- Prevent slides from rendering before
slideWidth
is calculated.
README
file.
- Unnecessary
.sliderContainer
CSS class.
- CSS handles.
children
rendered on a slide hasw-100
token.
- Support for swipeable navigation on mobile.
- Support for
usePagination
prop.
- Rename enum values for
showPaginationDots
.
- First implementation of
slider-layout
.