Upgrading swiper 11 to 12
Breaking11.2.10 → 12.2.0Breaking1Security1New10Changed1Fixed25
BreakingUpgrade verdict
1 breaking change and a security fix.
In plain terms
- Styles are now only shipped as CSS, so LESS and SCSS imports no longer work.
- Prototype pollution in swiper
Must act 2 items need code or config changes
What you must change
Breaking1
Removes LESS and SCSS styles in favor of CSS.
Security1
Prototype pollution in swiper
CriticalAPI changes
Generated by DepDelta from published .d.ts files. Not mixed with prose notes.
- changed:
const getSlideTransformEl: (slideEl: HTMLElement) => void → const getSlideTransformEl: (slideEl: HTMLElement) => HTMLElement
- added:
declare module 'swiper/css' - added:
declare module 'swiper/css/a11y' - added:
declare module 'swiper/css/autoplay' - added:
declare module 'swiper/css/bundle' - added:
declare module 'swiper/css/controller' - added:
declare module 'swiper/css/effect-cards' - added:
declare module 'swiper/css/effect-coverflow' - added:
declare module 'swiper/css/effect-creative' - added:
declare module 'swiper/css/effect-cube' - added:
declare module 'swiper/css/effect-fade' - added:
declare module 'swiper/css/effect-flip' - added:
declare module 'swiper/css/free-mode' - added:
declare module 'swiper/css/grid' - added:
declare module 'swiper/css/hash-navigation' - added:
declare module 'swiper/css/history' - added:
declare module 'swiper/css/keyboard' - added:
declare module 'swiper/css/manipulation' - added:
declare module 'swiper/css/mousewheel' - added:
declare module 'swiper/css/navigation' - added:
declare module 'swiper/css/pagination' - added:
declare module 'swiper/css/parallax' - added:
declare module 'swiper/css/scrollbar' - added:
declare module 'swiper/css/thumbs' - added:
declare module 'swiper/css/virtual' - added:
declare module 'swiper/css/zoom' - added:
declare module 'swiper/element/css/a11y' - added:
declare module 'swiper/element/css/autoplay' - added:
declare module 'swiper/element/css/controller' - added:
declare module 'swiper/element/css/effect-cards' - added:
declare module 'swiper/element/css/effect-coverflow' - added:
declare module 'swiper/element/css/effect-creative' - added:
declare module 'swiper/element/css/effect-cube' - added:
declare module 'swiper/element/css/effect-fade' - added:
declare module 'swiper/element/css/effect-flip' - added:
declare module 'swiper/element/css/free-mode' - added:
declare module 'swiper/element/css/grid' - added:
declare module 'swiper/element/css/hash-navigation' - added:
declare module 'swiper/element/css/history' - added:
declare module 'swiper/element/css/keyboard' - added:
declare module 'swiper/element/css/manipulation' - added:
declare module 'swiper/element/css/mousewheel' - added:
declare module 'swiper/element/css/navigation' - added:
declare module 'swiper/element/css/pagination' - added:
declare module 'swiper/element/css/parallax' - added:
declare module 'swiper/element/css/scrollbar' - added:
declare module 'swiper/element/css/thumbs' - added:
declare module 'swiper/element/css/virtual' - added:
declare module 'swiper/element/css/zoom' - added:
declare module 'swiper/swiper-bundle.css' - added:
declare module 'swiper/swiper.css'
- added:
property A11yOptions.wrapperLiveRegion?: boolean
- added:
property KeyboardOptions.speed?: number
- added:
property NavigationOptions.addIcons?: boolean
- changed:
method ThumbsMethods.update(initial: boolean): void → method ThumbsMethods.update(initial: boolean, p?: { autoScroll?: boolean }): void
- added:
property VirtualOptions.slidesPerViewAutoSlideSize?: number
- changed:
property SwiperOptions.a11y?: A11yOptions → property SwiperOptions.a11y?: A11yOptions | boolean - changed:
property SwiperOptions.controller?: ControllerOptions → property SwiperOptions.controller?: ControllerOptions | boolean - added:
property SwiperOptions.snapToSlideEdge?: boolean