swiper

Bug Fixes

• svelte: autoplay options typescript problem (#6294) (3317f5e)

Features

• add swipeDirection (#6290) (3774a64)
• angular: slidesPerGroupAuto (#6243) (750f41c)

Bug Fixes

• a11y: fix JS error "swiper.a11y is undefined" (#6226) (02c1502)
• touch focusableElements jumps element (#6139) (339f52e)

Features

• svelte: add tag and wrapperTag props (71e7f5a), closes #6181

Features

• add direct JS/CSS core and bundle exports (f519f80)

Bug Fixes

• a11y: don't focus slide on slide inner elements clicks (c8e22f7), closes #6116

Features

• build-config: allow to custom modules by process.env.SWIPER_BUILD_MODULES (#6043) (b3c51c5)
• solid: fix handling dynamic slides (708133d), closes #6031
• solid: keep solid components in .jsx (d7f7f65)

Bug Fixes

• onTouchStart.js: Fix target element assignment (#6065) (cb46a9a)

Bug Fixes

• core: fix swiping over nested shadow doms (7d09ab0), closes #6063
• react: fix issue with checking children (37a94ea), closes #6064

Bug Fixes

• a11y: don't handle focus on pointer events (b251601), closes #5962 #5814 #5524 #5490 #5437
• angular: slidesPerGroupAuto is missing in params list for angular (#5933) (b80352a)
• core: fix beforeSlideChangeStart event routing (0e8a8b8), closes #5913
• event.path => event.composedPath (8df7edf), closes #5925
• types: add isLocked definition (f2bbae6), closes #5941
• types: add missing AutoplayMethods members (#5956) (6220c22)
• vue: fix swiperRef for Vue swiperSlide (#5994) (a2bcbb1)

Features

• build: upgrade deps & cjs to esm (#5927) (921809b)
• cards-effect: add perSlideRotate and perSlideOffset parameters (db08a70), closes #5939
• core: new loopedSlidesLimit parameter to re-duplicate slides (1afa4b8)
• react: Allow SwiperSlide children as long as displayName includes SwiperSlide (#5954) (d1f7582)
• solid: keep solid components incompiled (18c6670), closes #5943

Reverts

• Revert "chore(deps): upgrade angular to v14 (#5926)" (#5929) (ae429c4), closes #5926 #5929

Bug Fixes

• a11y: fix focus handling (8a3dfee), closes #5905
• autoplay: don't run autoplay if swiper is hidden (4f2e30f), closes #5907

Features

• core: new loopedSlidesLimit paramter and new functionality to increase duplicated slides (5156071)

Bug Fixes

• packages: add index.js in /solid and /react (#5863) (6e94701)
• solid: fix reactivity (502c152), closes #5862
• solid: stop using cloneNode in sliders without loops in SolidJS (#5860) (d14c432)

Features

• all new Swiper SolidJS components thanks to @TiagoCavalcante 🎉
• move common helpers for React/Vue/Svelte/Solid to single files (90e8da1)
• a11y: allow disabling slideRole (#5838) (b376aa1)

Bug Fixes

• thumbs: active class gets removed (#5826) (3267616)
• vue: virtualUpdate event is not declared (#5830) (8b00333)

Features

• core: add changeLanguageDirection method to change it to RTL/LTR after init (f5bb7af), closes #3279
• navigation: add navigationPrev and navigationNext events (d0c6365), closes #5832

Bug Fixes

• pagination: double check for $el (baafb55)

Bug Fixes

• angular: rollback build to Angular 13 (3f14d67), closes #5792 #5791

Features

• a11y: allow slideLabelMessage: null (#5783) (78a8d90)
• angular: update to angular v14 (097390d)
• scrollbar: add directional classes to scrollbar container (083a83f)

Bug Fixes

• scrollbar: fix draggable scrollbar (28cd6c2), closes #5759

Reverts

• Revert "fix(autoplay): immediate proceed autoplay when autoplay.delay = 0" (d942e83)
• Revert "fix(autoplay): fix swiper getting stuck with 0 autoplay delay" (56e050b)

Bug Fixes

• core: fix issues with navigation/pagination enabled prop (af9ed85)

Bug Fixes

• autoplay: fix swiper getting stuck with 0 autoplay delay (61db26f)
• core: fix type Number in slideToLoop (#5732) (1e1336b)

Features

• navigation: allow navigation to be enabled/disabled in breakpoints (052f863)
• pagination: allow pagination to be enabled/disabled in breakpoints (d748d49)
• scrollbar: allow scrollbar to be enabled/disabled in breakpoints (3f09fc7)

Bug Fixes

• a11y: update slides a11y on slides amount change (31e2005), closes #5692
• autoplay: immediate proceed autoplay when autoplay.delay = 0 (81a4cc8)
• lazy: loadPrevNext fix when slidesPerView is fractional (94d4c9e), closes #5712
• lazy: unset lazy-loading class on swiper destroy (81d7fc4), closes #5737
• types: add snapIndex and snapGrid props (ee3d2dc), closes #5733

Features

• navigation: default opacity: 0 styles for hidden navigation buttons (85f72f4)

Bug Fixes

• core: add missing types comments (340f716), closes /github.com/nolimits4web/swiper/issues/5688#issuecomment-1118316055
• core: check for visibleSlides presence in updateAutoHeight (3909c45)
• core: fix getWrapper $el check (7702178), closes #5711
• navigation: remove duplicated rules (#5657) (333a3ae)
• react: move navigation, pagination, scrollbar to the end of container (2d3255f)
• svelte: fix incorrect parameters in event dispatching (#5716) (b7961a3)
• svelte: move navigation, pagination, scrollbar to the end of container (c8a4f67)
• vue: move navigation, pagination, scrollbar to the end of container (0d219f4)

Features

• history: plugin fixes and new option adding (#5665) (798c7c0)

Bug Fixes

• core: animate preloader in visible slides if watchSlidesProgress is enabled (8174b5a)
• core: more checks for when swiper is destroyed (de47f09), closes #5656 #5635
• lazy: animate preloader in not visible slides (865529b)

Bug Fixes

• effects: improve dynamic slide shadows re-creation for Cube and Flip effects (98b8a3e)

Bug Fixes

• effects: fix slide shadows flickering in Safari for Cube and Flip effects (52f5ef7)

Features

• cube-effect: set --swiper-cube-translate-z CSS property on swiper-wrapper (758ad28)

Bug Fixes

• lazy: fix lazy preloader in iOS 15 (794a625)
• virtual: fix leaked effects translate when Virtual enabled (a0e8dd4), closes #5588

Bug Fixes

• pagination: formatter functions now accept strings as return values (#5610) (629c1c4)
• vue: add missing event (bda673f), closes #5558
• enabled not working (fix #5611) (#5612) (6a0554b)

Features

• a11y: add id parameter (213c8fe), closes #5586
• angular: support [ngClass] in swiperSlide (#5562) (5d4ffdc)
• effect-cards: add rotate parameter (5f4ca8a), closes #5575

Bug Fixes

• pagination: use direction classes (95c882c), closes #5489

Features

• effect-cards: support for use with Virtual Slides (69a8870)
• virtual: better support for other effects rather than slide (2dae84f)

Bug Fixes

• angular: swiper angular event (#5462) (adc99a5)
• vue: HMR error (#5460) (0374228)

Bug Fixes

• core: fix short swipes (8e1c12e)

Bug Fixes

• core: wrap resize observer callback in requestAnimationFrame (#5441) (0567641), closes #5440

Features

• angular: events types (#5424) (d8631d8)
• angular: lock output (#5442) (3bc27a4)
• core: allow nesting of styles in SASS (#5438) (c973bc8)
• core: rewind on swipes (#5422) (1a2f83b)

Bug Fixes

• react: useSwiper context value (#5421) (60cbe75)
• react: add autoplay to watched modules (#5419) (16059ad)
• svelte: add autoplay to watched modules (1463e05)
• vue: add autoplay to watched modules (da4d3cc)

New Contributors

• @jayjetley made their first contribution in https://github.com/nolimits4web/swiper/pull/5419

Bug Fixes

• core: fix slider freeze with enabled observer (8ff2691), closes #5414

Bug Fixes

• angular: fix angular export (8785e2b), closes #5414
• react: types for useSwiper and useSwiperSlide hooks (2cbf82c), closes #5413

Features

• angular: remove deprecated index property (#5412) (63642a1)

Bug Fixes

• a11y: update aria-disabled on lock/unlock (8183466), closes #5383
• angular: [@output](https://github.com/output) events emitting (#5225) (a34eb7a)
• angular: get params types (#5390) (8731204)
• angular: toggle input (#5229) (#5254) (03acbe2)
• core: don't prevent focusable elements click when allowTouchMove: false (f0eac04), closes #5358
• core: don't swipe over <select> element (faeb14a), closes #5268
• lazy: only activate preloader-spin animation when slide is active (#5203) (b7d89ea), closes #5202
• react: compatibility with React 18 strict mode (68bcec8), closes #5398
• react: update controller.control on control prop array change (7c53de8), closes #5368
• svelte: swiperSlide slot data with context (89f14ab)
• types: bullets type should be Dom7Array (#5405) (d248a14)

Features

• a11y: automatically switch slides on focus (Tab) in inactive slides (1288271), closes #3149
• angular: update to angular 13 and enable tsconfig strict (#5231) (23ee4b3)
• autoplay: autoplayPause and autoplayResume events (aea56ed)
• free-mode: stop scrolling when touch event happens in freeMode (80958d5), closes #4616
• react: useSwiper and useSwiperSlide context hooks (#5364) (18bb89b)
• svelte: swiper and swiperSlide context (#5391) (b5c2d3b)
• svelte: import index (c91f222), closes #4976 #4975
• virtual: support rewind functionality with Virtual slides (e52de28)
• vue: useSwiper and useSwiperSlide context hooks (987a32e)
• new maxBackfaceHiddenSlides param to prevent flicker in Safari (d679a98)
• new maxBackfaceHiddenSlides param to prevent flicker in Safari (8c05e6d)
• svelte: types for Swiper slot virtualData (682f56f)
• svelte: types for SwiperSlide slot data (1fa70e1), closes #5349
• vue: provide - inject swiper and swiperSlide context (#5377) (f3145b1)
• update dom7 to latest (a6b1a47)

• fix(types): fix rewind description

• fix(pagination): fix dynamic bullets position with loop enabled

  fixes #5304

• fix(core): autoHeight shouldn't ignore zero height slides

  fixes #5281

• feat(core): add rewind functionality

  fixes #5003 fixes #5270

• fix(angular): fix nativeElement check

  ref https://github.com/nolimits4web/swiper/pull/5296#pullrequestreview-836214645

• Added "svelte": "./swiper.esm.js" (#5301)

  Sometimes during a svelte kit build, an error occurs due to this entry missing. This should not impact anything else

• fix(angular): setElement checks (#5305)

• refactor(core/slide/slideTo): remove duplicate code (#5211)

  • refactor(core/slide/slideTo): remove duplicate code

  • refactor(core/slide/slideTo): remove duplicate code

• fix(angular): setElement call updateInitSwiper bug (#5296)

  • fix(angular): setElement call updateInitSwiper bug

• 7.3.3 release

• fix(angular): toggle input (#5229)

  • fix(angular): toggle input

  • fix(angular): toggle input

  • fix(angular): params

  • fix(angular): remove console log

  Co-authored-by: Vladimir Kharlampidi nolimits4web@gmail.com

• feat: update dom7 and ssr-window to latest

• feat(a11y): add aria-current to current bullet (#5258)

  • feat(a11y): add aria-current to current bullet

  • fix(a11y): aria current bullet

  • fix(a11y): current bullet

  • fix(a11y): current bullet

  • fix(a11y): current bullet

  • fix(a11y): current behaivor

  • test(a11y): current bullet

  • refactor(a11y): hasPagination

• 7.3.2 release

• Fixed can not get clicked slider in shadow root issue (#5223)

  • fix can not get clicked slider in shadow root

  • fix event.path is non-standard

• feat(angular): support on params (#5224)

• 7.3.1 release

Bug Fixes

• docs: property -> properly (#5187) (2824b0c)
• zoom: use only one element to zoom (60a9886), closes #5170
• core: fallback $selector to $wrapperEl if no children exist (#5173) (d8b4ca1)
• types: fixed typo progressMultipler -> progressMultiplier (#5158) (815e837)

Features

• react: export SwiperProps and SwiperSlideProps types (d543020), closes #5141

Features

• add "main" and "module" package fields (f228391)
• update dom7 and ssr-window to latest (7d45076)

Bug Fixes

• core: centeredSlides won't work when use creative-effect (#5115) (264ca64)
• coverflow effect: interface CoverflowEffectOptions updated. (#5123) (b1c317a)

Features

• core: add support to loop with slotted elements (#5117) (33c411e)

Bug Fixes

• core: Change opacityString and scaleString to originalProgress (#5095) (244cc2e)
• vue: fix SwiperSlide types (114fee7), closes #5069

Features

• virtual: improve behavior with cssMode (b478058)

Bug Fixes

• angular: removed stray setIndex debug code (nolimits4web#5006) (#5007) (59e44ae)
• vue: make swiperRef not required in SwiperSlide vue component (#4992) (1cd6af8)

Bug Fixes

• angular: deprecate [(index)] and setIndex() (#4951) (7ee3d58)
• effect-creative: fix autoplay by watching all slides transition end (86e6fb6), closes #4961
• types: add missing cards effect (#4950) (c18aa08)

Features

• angular: enabled prop (#4949) (6c0a3e5)
• angular: support data-swiper-autoplay (#4946) (d665fb9)

Bug Fixes

• core: don't auto create elements on destroy/init (b4cdea8)
• core: passes modules shouldn't extend prototype (f07d43f), closes #4928

Bug Fixes

• core: fix cssMode animation in Safari 14 (7fd04fe), closes #4925
• virtual: fix Virtual slides in React, Vue & Angular (e80925e), closes #4899

Features

• pagination: more pagination bullet CSS variables (#4927) (25416de)

Bug Fixes

• types: effect-creative translate (#4907) (ad8fae3)

Bug Fixes

• a11y: fix argments for initNavEl() method (#4884) (2987700)
• core: reset slides size when slidesPerView switches to auto (2c8784b), closes #4881
• description typo (#4887) (d3c4764)

Bug Fixes

• autoplay: add missing .start() method (dda14bc), closes #4865
• pagination: check for bullets before destroy (ea06b4c), closes #4859

Bug Fixes

• angular: container classNames (#4854) (fd092dc)
• angular: demo (9fa84e6)
• angular: try paths for build/types (04b4eae)
• angular: tsignore (9011756)
• types: make loopSlides & loopCreate & loopDestroy internal (d6fdd1b)
• zoom: zoom elements only in swiper-zoom-container (a4e351f), closes #4847
• keyboard: fix not working keyboard module (31ee849)
• pagination: avoid adding direction classes to other swiper's pagination's (f1c8c89)
• core: prevent watchOverflow from unlocking slidePrev/Next (f1b7397)
• scrollbar: fix scrollbar size with centeredSlides (91f2f2f)
• core: fix slide progress in CSS Mode and centered slides (1b0165a)
• core: better handle loop fix with cssMode enabled (ff84073)
• core: fix auto create elements feature with breakpoints (3b50feb)
• components: add modules prop (596e2a1)
• types: add modules parameter (0d599e2)
• core: grab cursor to be set based on touchEventsTarget (cffc3aa)
• core: double check for documentElement in smoothScroll detection (ac09e38)

Features

• creative-effect: add shadowPerProgress parameter (980c4c7)
• angular: better typing (e132ee8)
• angular: better typing (6b562fa)
• angular: support 'strictTemplates' flag (613f12c)
• effect-creative: add progressMultiplier option (ed3bd7a)
• angular: partial ivy build (#4834) (e86b2b3)
• core swiper-container class to swiper (ad8002c)
• core swiper-container class to swiper (c763c9c)
• core: watchOverflow is now enabled by default (b97286f)
• core: improve watchOverflow detection (627ae4c)
• creative-effect: add shadows (cce4f23)
• cards-effect: add slide shadow (09666c8)
• cards-effect: new Cards effect (21af858)
• creative-effect: add limitProgress and perspective options (1c7d49e)
• core: new "Creative" effect (f72f5ba)
• svelte: add Svelte components typings (5a64bdc)
• core: new slidesPerGroupAuto feature (2b6f133), closes #4168
• coverflow-effect: support cssMode (e13d268)
• fade-effect: support cssMode (18b49cc)
• flip-effect: support cssMode (82859a1)
• pagination: keep pagination styles when it is outside of container (1b11429), closes #3736
• core: better RTL support in CSS Mode (3503ced)
• core: support for centeredSlides in CSS Mode (c940953)
• core: support for coverflow effect in CSS Mode (8300225)
• core: support for Virtual Slides in CSS Mode (0e26d52)
• core: use easing for custom scroll animation (f40a370)
• zoom: support Zoom in CSS Mode (4639702)
• core: watchSlidesProgress and watchSlidesVisibility merged into single watchSlidesProgress (33dbf62)
• core: custom animation for CSS Mode where smooth scrolling is not supported (a61da6a)
• core: remove isEdge browser detection (9c9970c)
• core: move slides manipulation methods to Manipulation module (74873f1)
• core: move slidesPerColumn functionality to new Grid module (0f1df44)
• core: increase package build target (65f96c1)
• core: tweak browserslist (82a23a5)
• core: convert A11y to functional module (5906115)
• core: convert Autoplay to functional module (ace1e54)
• core: convert FreeMode to functional module (4d307c0)
• core: convert Keyboard to functional module (ed63a3b)
• core: convert Lazy to functional module (8d4f99a)
• core: convert Mousewheel to functional module (1e4bf98)
• core: convert Navigation to functional module (e4aa156)
• core: convert Pagination to functional module (1c718d0)
• core: convert Scrollbar to functional module (96b8b17)
• core: convert Thumbs to functional module (bea5ac2)
• core: convert Virtual to functional module (6899e83)
• core: convert Zoom to functional module (eb1437e)
• core: remove object-syntax modules support (287d14a)
• core: touchEventsTarget is now default to wrapper (71ffcb5), closes #4751 #3816
• core: convert effects to functional modules (b6f64a5)
• core: convert HashNavigation to functional module (ac384c6)
• core: convert History to functional module (7e7c95a)
• core: convert Observer to functional module (a31b80e)
• core: convert Parallax to functional module (a7c26b5)
• core: convert Resize to functional module (133047c)
• core: new functional modules syntax (e45285a)
• core: remove mouse events listeners in favor of pointer events (b9254ab)
• core: remove MutationObserver support detection (consider it is supported everywhere) (6ed6786)
• core: remove pointerEvents support detection (b7d171b)
• core: resizeObserver is not enabled by default (552a7ea)
• package: use type: module (e8d89f2)
• core: remove CJS formats (3978367)
• core: remove Less and SCSS variables in favor of CSS variables (91e8ea1)
• freeMode: init (#4240) (895da28)
• slidesPerColumn: init (#4508) (c469d29)