Bug Fixes

• element: fix in Safari < 16.4 (e53fc07), closes #6831

Features

• added overflow:hidden for fallback if clip is not supported in target… (#6807) (5d8d6f9)
• element: use usual <style> tag if adopted stylesheet are not supported (18613df)

Bug Fixes

• types: fix modules imports (a1b4cf6), closes #6803

Bug Fixes

• types: fix types for swiper/modules (fa6e597)

Features

• tweak browserslist to iOS >= 15 (96a4e7e)
• rework package to use .mjs files and all scripts and styles are minified (a267785)
• fully rework scripts structure in package (2c87f13)
• rename package files .esm.js to .mjs (7a17821)
• browser ES modules (ab20bd1)
• change swiper container overflow to clip (#6738) (a8447b7)
• element: attributes can accept JSON stringified strings (5b93954)
• element: highly reworked Swiper web component (a6f8a0f)
  • navigation arrows use SVGs instead of font
  • changed shadow DOM layout to have <div class="swiper"> inside
  • component styles now added using adoptedStylesheets
  • no more global styles injection
• set transform 3d on wrapper for iOS devices (90c590d)
• tweak types exports to be Node 16+ compatible (30ce8e0)

Bug Fixes

• package.json exports for typescript (#6626) (e9e8039)

Features

• tweak browserslist to iOS >= 15 (96a4e7e)

Features

• rework package to use .mjs files and all scripts and styles are minified (a267785)

Features

• fully rework scripts structure in package (2c87f13)
• rename package files .esm.js to .mjs (7a17821)

Bug Fixes

• package.json exports for typescript (#6626) (e9e8039)

Features

• browser ES modules (ab20bd1)
• change swiper container overflow to clip (#6738) (a8447b7)
• element: attributes can accept JSON stringified strings (5b93954)
• element: highly reworked Swiper web component (a6f8a0f)
  • navigation arrows use SVGs instead of font
  • changed shadow DOM layout to have <div class="swiper"> inside
  • component styles now added using adoptedStylesheets
  • no more global styles injection
• set transform 3d on wrapper for iOS devices (90c590d)
• tweak types exports to be Node 16+ compatible (30ce8e0)

Bug Fixes

• core: fix issue with calling freeMode introduced in 9.4.0 (581eea8), closes #6751

9.4.0 (2023-06-12)

Bug Fixes

• core: lazyPreloadPrevNext not working with grid (883f006), closes #6725
• core: fix case with not enough slides with centeredSlidesBounds (93b4279), closes #6689
• core: fix error for swiperSlideSize in hidden slider (36ef2e6), closes #6718
• core: fix issue with allowSlideNext in RTL mode (d61da52), closes #6737
• core: fix navigation can be disabled in breakpoints (1fd36ad), closes #6746
• core: fix to preload lazyPreloadPrevNext prior to active slide (d2f718c), closes #6684
• core: lazyPreloadPrevNext not working with loop mode #6724 (#6726) (69acab4)
• effect-cards: fixed in RTL mode (e402f05), closes #5534
• hash-navigation: get active slide element using the old method if Virtual is not being… (#6704) (db7e72f)

Features

• core: cssMode now supports freeMode (abe1ec7)
• element: add part="bullet[-active]" to pagination bullets (8b4cccd), closes #6717

Bug Fixes

• core: don't call update() on lazy loaded if spv !== auto and no autoHeight (378a3c6)
• core: don't call update() on lazy loaded in css mode (efc294c)
• core: fix for smoothScroll check in Support module (e0f4ae4)
• element: fix not working correctly injectStylesUrls (6a50d45), closes #6662
• element: remove/re-add navigation, pagination, scrollbar elements based on prop value (45f8d4a), closes #6672
• hash-navigation: handle slide to none existing hash (#6681) (7f3fa96)

Features

• add string type for effect param (7340629), closes #6676
• mousewheel: add noMousewheelClass param (0fcd210)
• mousewheel: support for swiper-no-mousewheel ignore class (#6671) (c9130c3)
• react: export SwiperClass type from 'swiper/react' (6768efe), closes #5500

Bug Fixes

• element: correct extending of HTMLElementEventMap in types (d6a0aca), closes #6657

Features

• element: added all events arguments in TS declarations (abb0688)

Bug Fixes

• a11y: add notification span to shadow root in Swiper Element (aa83a03), closes #6634
• core: fix cases when spaceBetween set in % (446af7e), closes #6647
• element: don't reinit nested swipers rearranged by parent swiper loop (926828a), closes #6642
• element: don't render swiper on every connected (5a5ebb4)

Features

• element: element events types (83774fa)
• element: add shadow parts (e4f3def), closes #6594
• element: more complex ts definitions (4cab52d)

Bug Fixes

• a11y: add notification span to shadow root in Swiper Element (aa83a03), closes #6634
• core: fix cases when spaceBetween set in % (446af7e), closes #6647
• element: don't reinit nested swipers rearranged by parent swiper loop (926828a), closes #6642
• element: don't render swiper on every connected (5a5ebb4)

Features

• element: add shadow parts (e4f3def), closes #6594
• element: more complex ts definitions (4cab52d)

Bug Fixes

• core: fix autoHeight in virtual slides (dd30829), closes #6570
• loop: update slides grids before loop fix when spv is "auto" (035e79d), closes #6599
• virtual: fix last slide index check in virtual slides (154f048), closes #6595

Features

• hash-navigation: new getSlideIndex to specify slide index by hash (3eb0ae2), closes #6588

Bug Fixes

• autoplay: use local scope for autoplay resize timeot (4f665bd), closes #6590
• made defineProperty configurable as it broke when minified. (#6586) (26cfbaa)
• pagination: fix clickable pagination in loop (479a7f5), closes #6518 #6460 #6587 #6451

Bug Fixes

• element: fix redefining injectStyles (36ddaf2), closes #6584

Bug Fixes

• controller: add a conditional to early return if the swiper controller is destroyed (#6555) (3fbec6e)
• controller: correct interpolation per slider (706fdf8), closes #6506
• controller: fix controllers multiplier on 0 translates (4b8bd02), closes #6498
• element: add injectStyles to be acceptable as props (7c1c5d3), closes #6578
• pagination: update pagination direction class on direction change (e6247d9), closes #6511
• vue: fix deep slots (642b455), closes #6574

Features

• virtual: patch for very large sliders using virtual slides (#6533) (e48daa5)

Bug Fixes

• controller: add null type (3177936), closes #6505
• controller: prevent controlled swipers from being called when destroyed (#6501) (a266b78), closes #6491
• mousewheel: Initialize lastClickTime to very old time (#6497) (0983ded), closes #6496
• pagination: fix pagination.d.ts render functions return types (#6499) (34973a1)
• zoom: fix zoom out on double tap on sensitive touch screens (7f5c626)
• zoom: reset transform origin on zoom out (7f7f57e)

Features

• core: lazyPreloadPrevNext option to preload prev/next images (#6544) (1cb3233)
• lazyPreloadPrevNext option to preload prev/next images (6d08635)
• zoom: highly improve pinch-zoom gestures handling (6016a50)

Bug Fixes

• core: fixed loop when using custom slideActiveClass (#6495) (756ecdb)
• element: reset initialized flag on disconnectedCallback (#6474) (1e4a235)
• loop: fix loopFix for controlled swipers (d7c0ef7), closes #6491
• loop: fix slides closure when removing last slide (1a02271), closes #6477
• pagination: correctly support multiple bullets paginations (e24bd8c), closes #6462
• pagination: escape + char in pagination classes (d0beb9f), closes #6486
• pagination: support bulle multiple classes (20b05fa), closes #6447
• react: fix virtual loop when not enough slides (57d8eea), closes #6487

Features

• element: add eventsPrefix prop to avoid collision with native events (d5df91f), closes #6450
• pagination: add border-radius variable (#6476) (c912590)

Bug Fixes

• autoplay: fix a crash with resize when the autoplay has gone away during timeout (#6431) (adb40f4)
• core: correctly calc slide's DOM indexes, actual for Element (18b1f2b)
• core: fix loop when slidesPerGroup is not even to number of slides (f998115), closes #6412
• core: prevent observer trigger because of grab cursor (9597442), closes #6423
• core: proceed iOS's pointercancel as pointerup (50b65f6), closes #6414 #6382
• effect-creative: fix origin (7883408), closes #6439
• element: fix ignored on event handlers (898f76c), closes #6399
• pagination: double check if bullet exists (a335a41), closes #6422
• pagination: fix clickable pagination with slidesPerView > 1 and loop (cf8cdf5), closes #6415
• virtual: fix escaped HTML in virtual slides content (a61638a), closes #6404
• zoom: fix zoom stick on pointer out (6700980), closes #6396

Bug Fixes

• scrollbar: fix duplicated scrollbar (e99361d), closes #6386

Bug Fixes

• autoplay: fixing autoplay undefined error (#6366) (f2a0572)
• pagination: fix pagination bullets children clicks (8bcff39), closes #6361
• virtual: grab DOM slides only from wrapper children (d59183d)
• zoom: fix gesture scale origin (c89b2dd), closes #6371

Bug Fixes

• core: don't proceed lazy if swiper destroyed (4ea0102), closes #6322
• core: fix loop handling with virtual (69462d2), closes #6343
• element: fix converting boolean/string params to module object (192e0d4), closes #6328
• navigation: allow multiple classes in navigation options (#6345) (ca49b9f), closes #6344
• thumbs: ensure there is a slide to add a class (c6294ad), closes #6335

Features

• history: allow empty string key (a335b09), closes #6338

Bug Fixes

• core: fixed loop behavior in free mode with mousewheel (336d908), closes #6323
• types: spaceBetween can also be a string (446fb06), closes #6286
• vue: declaration for autoplayTimeLeft event (8467397), closes #6333

Bug Fixes

• core: fix class removal in setBreakpoints (6cb79cf), closes #6319
• virtual: fix undefined document (9cee290), closes #6318

Core

• new oneWayMovement parameter
• removed Dom7 dependency
• all new Loop mode without slides duplication
• removed images loading functionality: preloadImages, updateOnImagesReady parameters

Frameworks

• all new Swiper Element (WebComponent)
• removed Swiper Solid components (in favor of Swiper WebComponent)
• removed Swiper Angular components (in favor of Swiper WebComponent)
• removed Swiper Svelte components (in favor of Swiper WebComponent)

Autoplay

• all new autoplay module

Controller

• now controller.control parameter also accepts HTMLElement or CSS string with the selector of swiper to control

Lazy

• Lazy module has been moved to core and simplified in favor of native loading="lazy"

Navigation

• more CSS variables to control appearance and position

Parallax

• support parallax rotate

Thumbs

• now thumbs.swiper parameter also accepts HTMLElement or CSS string with the selector of thumbs swiper

Virtual Slides

• added support for loop mode
• improved performance
• will work now with slides initially rendered in DOM

Zoom

• swiper.zoom.in(ratio) method now accepts custom zoom ratio

Features

• add wrapperClass to swiper-wrapper in React & Vue components (7aaa0d1), closes #6254 #5942
• core: add loopPreventsSliding parameter (6533890)

• core: new oneWayMovement parameter (ce2ea7f)
• navigation: more CSS variables to control appearance and position (6db9439)
• pagination: more CSS variables to control appearance and position (c8b1228)
• scrollbar: more CSS variables to control appearance (cfad536)
• add element core version (de6c7f7)
• export element css styles (51334a3)
• injectStyles and injectStylesUrls params (71b10b2)
• parallax: support parallax rotate (4949163), closes #6126
• zoom: in method now accepts custom zoom ratio (d88df61), closes #5527
• core: add loopedSlides parameter (1b076d9)
• element: add option to avoid styles injecting (2291ec8)
• thumbs: init thumbs on their appearance in DOM (a6b4cf7)
• element: add standalone styles (284b130)
• controller: support updated loop (6059e48)
• controller: support updated loop (03d9895)
• controller: support updated loop (e73b577)
• core: "fix" loop based on touch move direction (5ab7217)
• element: add CSS styles for modules for Swiper Element (6c36c80)
• core: add --swiper-wrapper-transition-timing-function CSS var (797bcda)
• navigation: more CSS vars (f41abe6)
• paginatrion: more CSS vars (6f63fe2)
• scrollbar: more CSS vars (875b35a)
• virtual: renderSlide to support slide outer HTML and HTML element (fdcd644)
• core: support for "swiper-slide-transform" element for better effects compatability with CSS mode (18b3e3f)
• core: remove Dom7 (44de97b)
• core: remove Dom7 (7cdcebf)
• core: don't prevent slidePrev/Next when animating in loop mode (b358737)
• autoplay: correct support for virtual slides delay + fix for stopping autoplay on click (43bf429)
• element: support for comples parameters via attrs in a form of autoplay-delay (8161c57)
• virtual: support for DOM virtual slides (59da65c)
• virtual: support loop mode with virtual slides (f890f1e)
• autoplay: all new Autoplay module (1b4ac21)
• core: remove unused slide*DuplicateClass parameters (8007e1a)
• core: all new loop mode without slides duplication (f57aa3b)
• remove postinstall script (12255cf)
• core, zoom: rework touch handling logic to PointerEvents only (ede6b6d)
• core: make threshold parameter default to 5 (dfce8a3)
• lazy: simplify Lazy module in favor of native loading="lazy" (d46d5d0)
• move new Lazy module to the Core (d51e1ce)
• react: add boolean lazy prop to SwiperSlide to render lazy prelaoder (f5d137f)
• remove Images loading functionality: preloadImages, updateOnImagesReady (4d02653)
• vue: add boolean lazy prop to SwiperSlide to render lazy prelaoder (e36b580)
• add new Swiper Custom Element (47f9518)
• remove Angular and SolidJS components (1329c10)
• remove Swiper Svelte components (52433ac)

Bug Fixes

• effect-cube: fix for iOS 16.2 fixed perspective (2f5ed48), closes #6293

• history: fix handling popstate on init (483534f)
• core: make isBeginning and isEnd true when translate is less than 1px diff (b2313d5), closes #6287
• react: fix React 18 compat types (4c916d4), closes #5799
• virtual: fix Virtual with CSS Mode when initialSlide > 0 (5ddf1d8)