Skip to content

Upgrading swiper 6 to 7

Unknown6.8.4 → 7.4.1

Fetching 58 releases from GitHub…0 / 58
UnknownUpgrade verdict

DepDelta is still reading the notes for this range, so breaking changes can't be ruled out yet.

  • DepDelta is still reading the release notes in this range, so it can't rule out breaking changes yet.
  • This page updates as the notes come in.
Still reading release notes

DepDelta is still reading the release notes in this range. This updates as they come in.

Moves dom7 3.0.0 → 4.0.6, ssr-window 3.0.0 → 4.0.2. Your build may pick other versions.

Generated by DepDelta from published .d.ts files. Not mixed with prose notes.

  • added: property SwiperSlideDirective.autoplayDelay: string | null
  • added: static property SwiperSlideDirective.ɵdir: i0.ɵɵDirectiveDeclaration<SwiperSlideDirective, 'ng-template[swiperSlide]', never, { 'virtualIndex': 'virtualIndex'; 'class': 'class'; 'autoplayDelay': 'data-swiper-autoplay'; 'zoom': 'zoom' }, {}, never>
  • added: static property SwiperSlideDirective.ɵfac: i0.ɵɵFactoryDeclaration<SwiperSlideDirective, never>
  • removed: property SwiperComponent.freeModeMinimumVelocity: SwiperOptions['freeModeMinimumVelocity']
  • removed: property SwiperComponent.freeModeMomentum: SwiperOptions['freeModeMomentum']
  • removed: property SwiperComponent.freeModeMomentumBounce: SwiperOptions['freeModeMomentumBounce']
  • removed: property SwiperComponent.freeModeMomentumBounceRatio: SwiperOptions['freeModeMomentumBounceRatio']
  • removed: property SwiperComponent.freeModeMomentumRatio: SwiperOptions['freeModeMomentumRatio']
  • removed: property SwiperComponent.freeModeMomentumVelocityRatio: SwiperOptions['freeModeMomentumVelocityRatio']
  • removed: property SwiperComponent.freeModeSticky: SwiperOptions['freeModeSticky']
  • removed: property SwiperComponent.slidesPerColumn: SwiperOptions['slidesPerColumn']
  • removed: property SwiperComponent.slidesPerColumnFill: SwiperOptions['slidesPerColumnFill']
  • removed: property SwiperComponent.watchSlidesVisibility: SwiperOptions['watchSlidesVisibility']
  • changed: constructor SwiperComponent(_ngZone: NgZone, elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _platformId: any) → constructor SwiperComponent(_ngZone: NgZone, elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _platformId: Object)
  • changed: get SwiperComponent.navigation(): boolean | NavigationOptions → get SwiperComponent.navigation(): boolean | '' | NavigationOptions
  • changed: get SwiperComponent.pagination(): boolean | PaginationOptions → get SwiperComponent.pagination(): boolean | '' | PaginationOptions
  • changed: get SwiperComponent.scrollbar(): boolean | ScrollbarOptions → get SwiperComponent.scrollbar(): boolean | '' | ScrollbarOptions
  • changed: get SwiperComponent.virtual(): boolean | VirtualOptions → get SwiperComponent.virtual(): boolean | '' | VirtualOptions
  • changed: method SwiperComponent.updateParameter(key: any, value: any): void → method SwiperComponent.updateParameter(key: string, value: any): void
  • changed: set SwiperComponent.navigation(val: boolean | NavigationOptions) → set SwiperComponent.navigation(val: boolean | '' | NavigationOptions)
  • changed: set SwiperComponent.pagination(val: boolean | PaginationOptions) → set SwiperComponent.pagination(val: boolean | '' | PaginationOptions)
  • changed: set SwiperComponent.scrollbar(val: boolean | ScrollbarOptions) → set SwiperComponent.scrollbar(val: boolean | '' | ScrollbarOptions)
  • changed: set SwiperComponent.virtual(val: boolean | VirtualOptions) → set SwiperComponent.virtual(val: boolean | '' | VirtualOptions)
  • added: property SwiperComponent.cardsEffect: SwiperOptions['cardsEffect']
  • added: property SwiperComponent.creativeEffect: SwiperOptions['creativeEffect']
  • added: property SwiperComponent.enabled: SwiperOptions['enabled']
  • added: property SwiperComponent.grid: SwiperOptions['grid']
  • added: property SwiperComponent.on: SwiperOptions['on']
  • added: property SwiperComponent.rewind: SwiperOptions['rewind']
  • added: property SwiperComponent.s_lock: EventEmitter<SwiperEvents['lock']>
  • added: property SwiperComponent.s_unlock: EventEmitter<SwiperEvents['unlock']>
  • added: static property SwiperComponent.ɵcmp: i0.ɵɵComponentDeclaration<SwiperComponent, 'swiper, [swiper]', never, { 'enabled': 'enabled'; 'on': 'on'; 'direction': 'direction'; 'touchEventsTarget': 'touchEventsTarget'; 'initialSlide': 'initialSlide'; 'speed': 'speed'; 'cssMode': 'cssMode'; 'updateOnWindowResize': 'updateOnWindowResize'; 'resizeObserver': 'resizeObserver'; 'nested': 'nested'; 'focusableE…
  • added: static property SwiperComponent.ɵfac: i0.ɵɵFactoryDeclaration<SwiperComponent, never>
  • added: static property SwiperModule.ɵfac: i0.ɵɵFactoryDeclaration<SwiperModule, never>
  • added: static property SwiperModule.ɵinj: i0.ɵɵInjectorDeclaration<SwiperModule>
  • added: static property SwiperModule.ɵmod: i0.ɵɵNgModuleDeclaration<SwiperModule, [typeof i1.SwiperComponent, typeof i2.SwiperSlideDirective], [typeof i3.CommonModule], [typeof i1.SwiperComponent, typeof i2.SwiperSlideDirective]>
  • changed: function getParams(obj?: {}): { params: SwiperOptions; passedParams: {}; rest: {} } → function getParams(obj?: any): { params: any; passedParams: {}; rest: {} }
  • added: const Swiper: React.FunctionComponent<SwiperProps>
  • added: const SwiperSlide: React.VoidFunctionComponent<SwiperSlideProps>
  • added: interface SwiperProps extends Omit<React.HTMLAttributes<HTMLElement>, | 'onProgress' | 'onClick' | 'onTouchEnd' | 'onTouchMove' | 'onTouchStart' | 'onTransitionEnd' | 'onKeyPress' | 'onDoubleClick' | 'onScroll'>
  • added: interface SwiperProps extends SwiperOptions
  • added: interface SwiperSlideProps
  • added: interface SwiperSlideProps extends React.HTMLAttributes<HTMLElement>
  • added: property SwiperProps._beforeBreakpoint?: (swiper: SwiperClass, breakpointParams: SwiperOptions) => void
  • added: property SwiperProps._containerClasses?: (swiper: SwiperClass, classNames: string) => void
  • added: property SwiperProps._freeModeNoMomentumRelease?: (swiper: SwiperClass) => void
  • added: property SwiperProps._slideClass?: (swiper: SwiperClass, slideEl: HTMLElement, classNames: string) => void
  • added: property SwiperProps._slideClasses?: (swiper: SwiperClass, slides: { slideEl: HTMLElement; classNames: string; index: number }[]) => void
  • added: property SwiperProps._swiper?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onActiveIndexChange?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onAfterInit?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onAutoplay?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onAutoplayStart?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onAutoplayStop?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onBeforeDestroy?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onBeforeInit?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onBeforeLoopFix?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onBeforeResize?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onBeforeSlideChangeStart?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onBeforeTransitionStart?: (swiper: SwiperClass, speed: number, internal: any) => void
  • added: property SwiperProps.onBreakpoint?: (swiper: SwiperClass, breakpointParams: SwiperOptions) => void
  • added: property SwiperProps.onChangeDirection?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onClick?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onDestroy?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onDoubleClick?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onDoubleTap?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onFromEdge?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onHashChange?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onHashSet?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onImagesReady?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onInit?: (swiper: SwiperClass) => any
  • added: property SwiperProps.onKeyPress?: (swiper: SwiperClass, keyCode: string) => void
  • added: property SwiperProps.onLazyImageLoad?: (swiper: SwiperClass, slideEl: HTMLElement, imageEl: HTMLElement) => void
  • added: property SwiperProps.onLazyImageReady?: (swiper: SwiperClass, slideEl: HTMLElement, imageEl: HTMLElement) => void
  • added: property SwiperProps.onLock?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onLoopFix?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onMomentumBounce?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onNavigationHide?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onNavigationShow?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onObserverUpdate?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onOrientationchange?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onPaginationHide?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onPaginationRender?: (swiper: SwiperClass, paginationEl: HTMLElement) => void
  • added: property SwiperProps.onPaginationShow?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onPaginationUpdate?: (swiper: SwiperClass, paginationEl: HTMLElement) => void
  • added: property SwiperProps.onProgress?: (swiper: SwiperClass, progress: number) => void
  • added: property SwiperProps.onReachBeginning?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onReachEnd?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onRealIndexChange?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onResize?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onScroll?: (swiper: SwiperClass, event: WheelEvent) => void
  • added: property SwiperProps.onScrollbarDragEnd?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onScrollbarDragMove?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onScrollbarDragStart?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onSetTransition?: (swiper: SwiperClass, transition: number) => void
  • added: property SwiperProps.onSetTranslate?: (swiper: SwiperClass, translate: number) => void
  • added: property SwiperProps.onSlideChange?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSlideChangeTransitionEnd?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSlideChangeTransitionStart?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSlideNextTransitionEnd?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSlideNextTransitionStart?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSlidePrevTransitionEnd?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSlidePrevTransitionStart?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSlideResetTransitionEnd?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSlideResetTransitionStart?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSliderFirstMove?: (swiper: SwiperClass, event: TouchEvent) => void
  • added: property SwiperProps.onSliderMove?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onSlidesGridLengthChange?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSlidesLengthChange?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSnapGridLengthChange?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSnapIndexChange?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onSwiper?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onTap?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onToEdge?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onTouchEnd?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onTouchMove?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onTouchMoveOpposite?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onTouchStart?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property SwiperProps.onTransitionEnd?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onTransitionStart?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onUnlock?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onUpdate?: (swiper: SwiperClass) => void
  • added: property SwiperProps.onZoomChange?: (swiper: SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void
  • added: property SwiperProps.tag?: string
  • added: property SwiperProps.wrapperTag?: string
  • added: property SwiperSlideProps.children?: React.ReactNode | ((slideData: SlideData) => React.ReactNode)
  • added: property SwiperSlideProps.tag?: string
  • added: property SwiperSlideProps.virtualIndex?: number
  • added: property SwiperSlideProps.zoom?: boolean
  • added: class Swiper extends SvelteComponentTyped<SwiperProps, { swiper: CustomEvent<void>; autoplayStart: CustomEvent<[swiper: SwiperClass]>; autoplayStop: CustomEvent<[swiper: SwiperClass]>; autoplay: CustomEvent<[swiper: SwiperClass]>; hashChange: CustomEvent<[swiper: SwiperClass]>; hashSet: CustomEvent<[swiper: SwiperClass]>; keyPress: CustomEvent<[swiper: SwiperClass, keyCode: string]>; lazyImageLoa…
  • added: class SwiperSlide extends SvelteComponentTyped<SwiperSlideProps, {}, { default: {} }>
  • changed: const A11y: SwiperComponent → const A11y: SwiperModule
  • changed: const Autoplay: SwiperComponent → const Autoplay: SwiperModule
  • changed: const Controller: SwiperComponent → const Controller: SwiperModule
  • changed: const EffectCoverflow: SwiperComponent → const EffectCoverflow: SwiperModule
  • changed: const EffectCube: SwiperComponent → const EffectCube: SwiperModule
  • changed: const EffectFade: SwiperComponent → const EffectFade: SwiperModule
  • changed: const EffectFlip: SwiperComponent → const EffectFlip: SwiperModule
  • changed: const HashNavigation: SwiperComponent → const HashNavigation: SwiperModule
  • changed: const History: SwiperComponent → const History: SwiperModule
  • changed: const Keyboard: SwiperComponent → const Keyboard: SwiperModule
  • changed: const Lazy: SwiperComponent → const Lazy: SwiperModule
  • changed: const Mousewheel: SwiperComponent → const Mousewheel: SwiperModule
  • changed: const Navigation: SwiperComponent → const Navigation: SwiperModule
  • changed: const Pagination: SwiperComponent → const Pagination: SwiperModule
  • changed: const Parallax: SwiperComponent → const Parallax: SwiperModule
  • changed: const Scrollbar: SwiperComponent → const Scrollbar: SwiperModule
  • changed: const Thumbs: SwiperComponent → const Thumbs: SwiperModule
  • changed: const Virtual: SwiperComponent → const Virtual: SwiperModule
  • changed: const Zoom: SwiperComponent → const Zoom: SwiperModule
  • added: const EffectCards: SwiperModule
  • added: const EffectCreative: SwiperModule
  • added: const FreeMode: SwiperModule
  • added: const Grid: SwiperModule
  • added: const Manipulation: SwiperModule
  • removed: const Swiper: React.FunctionComponent<Swiper>
  • removed: const SwiperSlide: React.VoidFunctionComponent<SwiperSlide>
  • removed: interface Swiper extends Omit<React.HTMLAttributes<HTMLElement>, | 'onProgress' | 'onClick' | 'onTouchEnd' | 'onTouchMove' | 'onTouchStart' | 'onTransitionEnd' | 'onKeyPress' | 'onDoubleClick' | 'onScroll'>
  • removed: interface Swiper extends SwiperOptions
  • removed: interface SwiperSlide
  • removed: interface SwiperSlide extends React.HTMLAttributes<HTMLElement>
  • removed: property Swiper._beforeBreakpoint?: (swiper: SwiperClass, breakpointParams: SwiperOptions) => void
  • removed: property Swiper._containerClasses?: (swiper: SwiperClass, classNames: string) => void
  • removed: property Swiper._freeModeNoMomentumRelease?: (swiper: SwiperClass) => void
  • removed: property Swiper._slideClass?: (swiper: SwiperClass, slideEl: HTMLElement, classNames: string) => void
  • removed: property Swiper._slideClasses?: (swiper: SwiperClass, slides: { slideEl: HTMLElement; classNames: string; index: number }[]) => void
  • removed: property Swiper._swiper?: (swiper: SwiperClass) => void
  • removed: property Swiper.onActiveIndexChange?: (swiper: SwiperClass) => void
  • removed: property Swiper.onAfterInit?: (swiper: SwiperClass) => void
  • removed: property Swiper.onAutoplay?: (swiper: SwiperClass) => void
  • removed: property Swiper.onAutoplayStart?: (swiper: SwiperClass) => void
  • removed: property Swiper.onAutoplayStop?: (swiper: SwiperClass) => void
  • removed: property Swiper.onBeforeDestroy?: (swiper: SwiperClass) => void
  • removed: property Swiper.onBeforeInit?: (swiper: SwiperClass) => void
  • removed: property Swiper.onBeforeLoopFix?: (swiper: SwiperClass) => void
  • removed: property Swiper.onBeforeResize?: (swiper: SwiperClass) => void
  • removed: property Swiper.onBeforeSlideChangeStart?: (swiper: SwiperClass) => void
  • removed: property Swiper.onBeforeTransitionStart?: (swiper: SwiperClass, speed: number, internal: any) => void
  • removed: property Swiper.onBreakpoint?: (swiper: SwiperClass, breakpointParams: SwiperOptions) => void
  • removed: property Swiper.onChangeDirection?: (swiper: SwiperClass) => void
  • removed: property Swiper.onClick?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onDestroy?: (swiper: SwiperClass) => void
  • removed: property Swiper.onDoubleClick?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onDoubleTap?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onFromEdge?: (swiper: SwiperClass) => void
  • removed: property Swiper.onHashChange?: (swiper: SwiperClass) => void
  • removed: property Swiper.onHashSet?: (swiper: SwiperClass) => void
  • removed: property Swiper.onImagesReady?: (swiper: SwiperClass) => void
  • removed: property Swiper.onInit?: (swiper: SwiperClass) => any
  • removed: property Swiper.onKeyPress?: (swiper: SwiperClass, keyCode: string) => void
  • removed: property Swiper.onLazyImageLoad?: (swiper: SwiperClass, slideEl: HTMLElement, imageEl: HTMLElement) => void
  • removed: property Swiper.onLazyImageReady?: (swiper: SwiperClass, slideEl: HTMLElement, imageEl: HTMLElement) => void
  • removed: property Swiper.onLock?: (swiper: SwiperClass) => void
  • removed: property Swiper.onLoopFix?: (swiper: SwiperClass) => void
  • removed: property Swiper.onMomentumBounce?: (swiper: SwiperClass) => void
  • removed: property Swiper.onNavigationHide?: (swiper: SwiperClass) => void
  • removed: property Swiper.onNavigationShow?: (swiper: SwiperClass) => void
  • removed: property Swiper.onObserverUpdate?: (swiper: SwiperClass) => void
  • removed: property Swiper.onOrientationchange?: (swiper: SwiperClass) => void
  • removed: property Swiper.onPaginationHide?: (swiper: SwiperClass) => void
  • removed: property Swiper.onPaginationRender?: (swiper: SwiperClass, paginationEl: HTMLElement) => void
  • removed: property Swiper.onPaginationShow?: (swiper: SwiperClass) => void
  • removed: property Swiper.onPaginationUpdate?: (swiper: SwiperClass, paginationEl: HTMLElement) => void
  • removed: property Swiper.onProgress?: (swiper: SwiperClass, progress: number) => void
  • removed: property Swiper.onReachBeginning?: (swiper: SwiperClass) => void
  • removed: property Swiper.onReachEnd?: (swiper: SwiperClass) => void
  • removed: property Swiper.onRealIndexChange?: (swiper: SwiperClass) => void
  • removed: property Swiper.onResize?: (swiper: SwiperClass) => void
  • removed: property Swiper.onScroll?: (swiper: SwiperClass, event: WheelEvent) => void
  • removed: property Swiper.onScrollbarDragEnd?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onScrollbarDragMove?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onScrollbarDragStart?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onSetTransition?: (swiper: SwiperClass, transition: number) => void
  • removed: property Swiper.onSetTranslate?: (swiper: SwiperClass, translate: number) => void
  • removed: property Swiper.onSlideChange?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSlideChangeTransitionEnd?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSlideChangeTransitionStart?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSlideNextTransitionEnd?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSlideNextTransitionStart?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSlidePrevTransitionEnd?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSlidePrevTransitionStart?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSlideResetTransitionEnd?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSlideResetTransitionStart?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSliderFirstMove?: (swiper: SwiperClass, event: TouchEvent) => void
  • removed: property Swiper.onSliderMove?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onSlidesGridLengthChange?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSlidesLengthChange?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSnapGridLengthChange?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSnapIndexChange?: (swiper: SwiperClass) => void
  • removed: property Swiper.onSwiper?: (swiper: SwiperClass) => void
  • removed: property Swiper.onTap?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onToEdge?: (swiper: SwiperClass) => void
  • removed: property Swiper.onTouchEnd?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onTouchMove?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onTouchMoveOpposite?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onTouchStart?: (swiper: SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property Swiper.onTransitionEnd?: (swiper: SwiperClass) => void
  • removed: property Swiper.onTransitionStart?: (swiper: SwiperClass) => void
  • removed: property Swiper.onUnlock?: (swiper: SwiperClass) => void
  • removed: property Swiper.onUpdate?: (swiper: SwiperClass) => void
  • removed: property Swiper.onZoomChange?: (swiper: SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void
  • removed: property Swiper.tag?: string
  • removed: property Swiper.wrapperTag?: string
  • removed: property SwiperSlide.children?: React.ReactNode | ((slideData: SlideData) => React.ReactNode)
  • removed: property SwiperSlide.tag?: string
  • removed: property SwiperSlide.virtualIndex?: number
  • removed: property SwiperSlide.zoom?: boolean
  • removed: const Swiper: DefineComponent<{ tag: { type: StringConstructor; default: string }; wrapperTag: { type: StringConstructor; default: string }; init: { type: BooleanConstructor…
  • removed: const SwiperSlide: DefineComponent<{ tag: { type: StringConstructor; default: string }; swiperRef: SwiperClass; zoom: { type: BooleanConstructor; default: undefined }; virtualInd…
  • removed: interface A11yEvents
  • removed: interface A11yMethods
  • removed: interface A11yOptions
  • removed: property A11yOptions.containerMessage?: string | null
  • removed: property A11yOptions.containerRoleDescriptionMessage?: string | null
  • removed: property A11yOptions.enabled?: boolean
  • removed: property A11yOptions.firstSlideMessage?: string
  • removed: property A11yOptions.itemRoleDescriptionMessage?: string | null
  • removed: property A11yOptions.lastSlideMessage?: string
  • removed: property A11yOptions.nextSlideMessage?: string
  • removed: property A11yOptions.notificationClass?: string
  • removed: property A11yOptions.paginationBulletMessage?: string
  • removed: property A11yOptions.prevSlideMessage?: string
  • removed: property A11yOptions.slideLabelMessage?: string
  • removed: property A11yOptions.slideRole?: string
  • removed: interface AutoplayEvents
  • removed: interface AutoplayMethods
  • removed: interface AutoplayOptions
  • removed: method AutoplayMethods.start(): boolean
  • removed: method AutoplayMethods.stop(): boolean
  • removed: property AutoplayEvents.autoplay: (swiper: Swiper) => void
  • removed: property AutoplayEvents.autoplayStart: (swiper: Swiper) => void
  • removed: property AutoplayEvents.autoplayStop: (swiper: Swiper) => void
  • removed: property AutoplayMethods.running: boolean
  • removed: property AutoplayOptions.delay?: number
  • removed: property AutoplayOptions.disableOnInteraction?: boolean
  • removed: property AutoplayOptions.pauseOnMouseEnter?: boolean
  • removed: property AutoplayOptions.reverseDirection?: boolean
  • removed: property AutoplayOptions.stopOnLastSlide?: boolean
  • removed: property AutoplayOptions.waitForTransition?: boolean
  • removed: interface ControllerEvents
  • removed: interface ControllerMethods
  • removed: interface ControllerOptions
  • removed: property ControllerMethods.control?: Swiper | Swiper[]
  • removed: property ControllerOptions.by?: 'slide' | 'container'
  • removed: property ControllerOptions.control?: Swiper | Swiper[]
  • removed: property ControllerOptions.inverse?: boolean
  • removed: interface CoverflowEffectEvents
  • removed: interface CoverflowEffectMethods
  • removed: interface CoverflowEffectOptions
  • removed: property CoverflowEffectOptions.depth?: number
  • removed: property CoverflowEffectOptions.modifier?: number
  • removed: property CoverflowEffectOptions.rotate?: number
  • removed: property CoverflowEffectOptions.slideShadows?: boolean
  • removed: property CoverflowEffectOptions.stretch?: number
  • removed: interface CubeEffectEvents
  • removed: interface CubeEffectMethods
  • removed: interface CubeEffectOptions
  • removed: property CubeEffectOptions.shadow?: boolean
  • removed: property CubeEffectOptions.shadowOffset?: number
  • removed: property CubeEffectOptions.shadowScale?: number
  • removed: property CubeEffectOptions.slideShadows?: boolean
  • removed: interface FadeEffectEvents
  • removed: interface FadeEffectMethods
  • removed: interface FadeEffectOptions
  • removed: property FadeEffectOptions.crossFade?: boolean
  • removed: interface FlipEffectEvents
  • removed: interface FlipEffectMethods
  • removed: interface FlipEffectOptions
  • removed: property FlipEffectOptions.limitRotation?: boolean
  • removed: property FlipEffectOptions.slideShadows?: boolean
  • removed: interface HashNavigationEvents
  • removed: interface HashNavigationMethods
  • removed: interface HashNavigationOptions
  • removed: property HashNavigationEvents.hashChange: (swiper: Swiper) => void
  • removed: property HashNavigationEvents.hashSet: (swiper: Swiper) => void
  • removed: property HashNavigationOptions.replaceState?: boolean
  • removed: property HashNavigationOptions.watchState?: boolean
  • removed: interface HistoryEvents
  • removed: interface HistoryMethods
  • removed: interface HistoryOptions
  • removed: property HistoryOptions.key?: string
  • removed: property HistoryOptions.replaceState?: boolean
  • removed: property HistoryOptions.root?: string
  • removed: interface KeyboardEvents
  • removed: interface KeyboardMethods
  • removed: interface KeyboardOptions
  • removed: method KeyboardMethods.disable(): void
  • removed: method KeyboardMethods.enable(): void
  • removed: property KeyboardEvents.keyPress: (swiper: Swiper, keyCode: string) => void
  • removed: property KeyboardMethods.enabled: boolean
  • removed: property KeyboardOptions.enabled?: boolean
  • removed: property KeyboardOptions.onlyInViewport?: boolean
  • removed: property KeyboardOptions.pageUpDown?: boolean
  • removed: interface LazyEvents
  • removed: interface LazyMethods
  • removed: interface LazyOptions
  • removed: method LazyMethods.load(): void
  • removed: method LazyMethods.loadInSlide(index: number): void
  • removed: property LazyEvents.lazyImageLoad: (swiper: Swiper, slideEl: HTMLElement, imageEl: HTMLElement) => void
  • removed: property LazyEvents.lazyImageReady: (swiper: Swiper, slideEl: HTMLElement, imageEl: HTMLElement) => void
  • removed: property LazyOptions.checkInView?: boolean
  • removed: property LazyOptions.elementClass?: string
  • removed: property LazyOptions.loadOnTransitionStart?: boolean
  • removed: property LazyOptions.loadPrevNext?: boolean
  • removed: property LazyOptions.loadPrevNextAmount?: number
  • removed: property LazyOptions.loadedClass?: string
  • removed: property LazyOptions.loadingClass?: string
  • removed: property LazyOptions.preloaderClass?: string
  • removed: property LazyOptions.scrollingElement?: CSSSelector | null | Dom7Array | HTMLElement
  • removed: interface MousewheelEvents
  • removed: interface MousewheelMethods
  • removed: interface MousewheelOptions
  • removed: method MousewheelMethods.disable(): void
  • removed: method MousewheelMethods.enable(): void
  • removed: property MousewheelEvents.scroll: (swiper: Swiper, event: WheelEvent) => void
  • removed: property MousewheelMethods.enabled: boolean
  • removed: property MousewheelOptions.eventsTarget?: 'container' | 'wrapper' | CSSSelector | HTMLElement
  • removed: property MousewheelOptions.forceToAxis?: boolean
  • removed: property MousewheelOptions.invert?: boolean
  • removed: property MousewheelOptions.releaseOnEdges?: boolean
  • removed: property MousewheelOptions.sensitivity?: number
  • removed: property MousewheelOptions.thresholdDelta?: number | null
  • removed: property MousewheelOptions.thresholdTime?: number | null
  • removed: interface NavigationEvents
  • removed: interface NavigationMethods
  • removed: interface NavigationOptions
  • removed: method NavigationMethods.destroy(): void
  • removed: method NavigationMethods.init(): void
  • removed: method NavigationMethods.update(): void
  • removed: property NavigationEvents.navigationHide: (swiper: Swiper) => void
  • removed: property NavigationEvents.navigationShow: (swiper: Swiper) => void
  • removed: property NavigationMethods.nextEl: HTMLElement
  • removed: property NavigationMethods.prevEl: HTMLElement
  • removed: property NavigationOptions.disabledClass?: string
  • removed: property NavigationOptions.hiddenClass?: string
  • removed: property NavigationOptions.hideOnClick?: boolean
  • removed: property NavigationOptions.lockClass?: string
  • removed: property NavigationOptions.nextEl?: CSSSelector | HTMLElement | null
  • removed: property NavigationOptions.prevEl?: CSSSelector | HTMLElement | null
  • removed: interface PaginationEvents
  • removed: interface PaginationMethods
  • removed: interface PaginationOptions
  • removed: method PaginationMethods.destroy(): void
  • removed: method PaginationMethods.init(): void
  • removed: method PaginationMethods.render(): void
  • removed: method PaginationMethods.update(): void
  • removed: property PaginationEvents.paginationHide: (swiper: Swiper) => void
  • removed: property PaginationEvents.paginationRender: (swiper: Swiper, paginationEl: HTMLElement) => void
  • removed: property PaginationEvents.paginationShow: (swiper: Swiper) => void
  • removed: property PaginationEvents.paginationUpdate: (swiper: Swiper, paginationEl: HTMLElement) => void
  • removed: property PaginationMethods.bullets: Dom7Array[]
  • removed: property PaginationMethods.el: HTMLElement
  • removed: property PaginationOptions.bulletActiveClass?: string
  • removed: property PaginationOptions.bulletClass?: string
  • removed: property PaginationOptions.bulletElement?: string
  • removed: property PaginationOptions.clickable?: boolean
  • removed: property PaginationOptions.clickableClass?: string
  • removed: property PaginationOptions.currentClass?: string
  • removed: property PaginationOptions.dynamicBullets?: boolean
  • removed: property PaginationOptions.dynamicMainBullets?: number
  • removed: property PaginationOptions.el?: CSSSelector | HTMLElement | null
  • removed: property PaginationOptions.formatFractionCurrent?: (number: number) => number
  • removed: property PaginationOptions.formatFractionTotal?: (number: number) => number
  • removed: property PaginationOptions.hiddenClass?: string
  • removed: property PaginationOptions.hideOnClick?: boolean
  • removed: property PaginationOptions.lockClass?: string
  • removed: property PaginationOptions.modifierClass?: string
  • removed: property PaginationOptions.progressbarFillClass?: string
  • removed: property PaginationOptions.progressbarOpposite?: boolean
  • removed: property PaginationOptions.progressbarOppositeClass?: string
  • removed: property PaginationOptions.renderBullet?: (index: number, className: string) => void
  • removed: property PaginationOptions.renderCustom?: (swiper: Swiper, current: number, total: number) => void
  • removed: property PaginationOptions.renderFraction?: (currentClass: string, totalClass: string) => void
  • removed: property PaginationOptions.renderProgressbar?: (progressbarFillClass: string) => void
  • removed: property PaginationOptions.totalClass?: string
  • removed: property PaginationOptions.type?: 'bullets' | 'fraction' | 'progressbar' | 'custom'
  • removed: interface ParallaxEvents
  • removed: interface ParallaxMethods
  • removed: interface ParallaxOptions
  • removed: property ParallaxOptions.enabled?: boolean
  • removed: export * from './a11y'
  • removed: export * from './autoplay'
  • removed: export * from './controller'
  • removed: export * from './effect-coverflow'
  • removed: export * from './effect-cube'
  • removed: export * from './effect-fade'
  • removed: export * from './effect-flip'
  • removed: export * from './hash-navigation'
  • removed: export * from './history'
  • removed: export * from './keyboard'
  • removed: export * from './lazy'
  • removed: export * from './mousewheel'
  • removed: export * from './navigation'
  • removed: export * from './pagination'
  • removed: export * from './parallax'
  • removed: export * from './scrollbar'
  • removed: export * from './thumbs'
  • removed: export * from './virtual'
  • removed: export * from './zoom'
  • removed: interface ScrollbarEvents
  • removed: interface ScrollbarMethods
  • removed: interface ScrollbarOptions
  • removed: method ScrollbarMethods.destroy(): void
  • removed: method ScrollbarMethods.init(): void
  • removed: method ScrollbarMethods.setTranslate(): void
  • removed: method ScrollbarMethods.updateSize(): void
  • removed: property ScrollbarEvents.scrollbarDragEnd: (swiper: Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property ScrollbarEvents.scrollbarDragMove: (swiper: Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property ScrollbarEvents.scrollbarDragStart: (swiper: Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void
  • removed: property ScrollbarMethods.dragEl: HTMLElement
  • removed: property ScrollbarMethods.el: HTMLElement
  • removed: property ScrollbarOptions.dragClass?: string
  • removed: property ScrollbarOptions.dragSize?: 'auto' | number
  • removed: property ScrollbarOptions.draggable?: boolean
  • removed: property ScrollbarOptions.el?: CSSSelector | HTMLElement | null
  • removed: property ScrollbarOptions.hide?: boolean
  • removed: property ScrollbarOptions.lockClass?: string
  • removed: property ScrollbarOptions.snapOnRelease?: boolean
  • removed: interface ThumbsEvents
  • removed: interface ThumbsMethods
  • removed: interface ThumbsOptions
  • removed: method ThumbsMethods.init(): boolean
  • removed: method ThumbsMethods.update(initial: boolean): void
  • removed: property ThumbsMethods.swiper: Swiper
  • removed: property ThumbsOptions.autoScrollOffset?: number
  • removed: property ThumbsOptions.multipleActiveThumbs?: boolean
  • removed: property ThumbsOptions.slideThumbActiveClass?: string
  • removed: property ThumbsOptions.swiper?: Swiper | null
  • removed: property ThumbsOptions.thumbsContainerClass?: string
  • removed: interface VirtualData
  • removed: interface VirtualEvents
  • removed: interface VirtualMethods
  • removed: interface VirtualOptions
  • removed: method VirtualMethods.appendSlide(slide: HTMLElement | string | HTMLElement[] | string[]): void
  • removed: method VirtualMethods.prependSlide(slide: HTMLElement | string | HTMLElement[] | string[]): void
  • removed: method VirtualMethods.removeAllSlides(): void
  • removed: method VirtualMethods.removeSlide(slideIndexes: number[]): void
  • removed: method VirtualMethods.update(force: boolean): void
  • removed: property VirtualData.from: number
  • removed: property VirtualData.offset: number
  • removed: property VirtualData.slides: any[]
  • removed: property VirtualData.to: number
  • removed: property VirtualMethods.cache: object
  • removed: property VirtualMethods.enabled?: boolean
  • removed: property VirtualMethods.from: number
  • removed: property VirtualMethods.slides: any[]
  • removed: property VirtualMethods.to: number
  • removed: property VirtualOptions.addSlidesAfter?: number
  • removed: property VirtualOptions.addSlidesBefore?: number
  • removed: property VirtualOptions.cache?: boolean
  • removed: property VirtualOptions.renderExternal?: (data: VirtualData) => any | null
  • removed: property VirtualOptions.renderExternalUpdate?: boolean
  • removed: property VirtualOptions.renderSlide?: (slide: any, index: any) => any | null
  • removed: property VirtualOptions.slides?: any[]
  • removed: interface ZoomEvents
  • removed: interface ZoomMethods
  • removed: interface ZoomOptions
  • removed: method ZoomMethods.disable(): void
  • removed: method ZoomMethods.enable(): void
  • removed: method ZoomMethods.in(): void
  • removed: method ZoomMethods.out(): void
  • removed: method ZoomMethods.toggle(): void
  • removed: property ZoomEvents.zoomChange: (swiper: Swiper, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void
  • removed: property ZoomMethods.enabled: boolean
  • removed: property ZoomMethods.scale: number
  • removed: property ZoomOptions.containerClass?: string
  • removed: property ZoomOptions.maxRatio?: number
  • removed: property ZoomOptions.minRatio?: number
  • removed: property ZoomOptions.toggle?: boolean
  • removed: property ZoomOptions.zoomedSlideClass?: string
  • added: export * from './modules/public-api'
  • added: export * from './shared'
  • added: export * from './swiper-events'
  • added: export * from './swiper-options'
  • added: export { default as Swiper } from './swiper-class'
  • added: interface A11yEvents
  • added: interface A11yMethods
  • added: interface A11yOptions
  • added: property A11yOptions.containerMessage?: string | null
  • added: property A11yOptions.containerRoleDescriptionMessage?: string | null
  • added: property A11yOptions.enabled?: boolean
  • added: property A11yOptions.firstSlideMessage?: string
  • added: property A11yOptions.itemRoleDescriptionMessage?: string | null
  • added: property A11yOptions.lastSlideMessage?: string
  • added: property A11yOptions.nextSlideMessage?: string
  • added: property A11yOptions.notificationClass?: string
  • added: property A11yOptions.paginationBulletMessage?: string
  • added: property A11yOptions.prevSlideMessage?: string
  • added: property A11yOptions.slideLabelMessage?: string
  • added: property A11yOptions.slideRole?: string
  • added: interface AutoplayEvents
  • added: interface AutoplayMethods
  • added: interface AutoplayOptions
  • added: method AutoplayMethods.start(): boolean
  • added: method AutoplayMethods.stop(): boolean
  • added: property AutoplayEvents.autoplay: (swiper: Swiper) => void
  • added: property AutoplayEvents.autoplayStart: (swiper: Swiper) => void
  • added: property AutoplayEvents.autoplayStop: (swiper: Swiper) => void
  • added: property AutoplayMethods.running: boolean
  • added: property AutoplayOptions.delay?: number
  • added: property AutoplayOptions.disableOnInteraction?: boolean
  • added: property AutoplayOptions.pauseOnMouseEnter?: boolean
  • added: property AutoplayOptions.reverseDirection?: boolean
  • added: property AutoplayOptions.stopOnLastSlide?: boolean
  • added: property AutoplayOptions.waitForTransition?: boolean
  • added: interface ControllerEvents
  • added: interface ControllerMethods
  • added: interface ControllerOptions
  • added: property ControllerMethods.control?: Swiper | Swiper[]
  • added: property ControllerOptions.by?: 'slide' | 'container'
  • added: property ControllerOptions.control?: Swiper | Swiper[]
  • added: property ControllerOptions.inverse?: boolean
  • added: interface CardsEffectEvents
  • added: interface CardsEffectMethods
  • added: interface CardsEffectOptions
  • added: property CardsEffectOptions.slideShadows?: boolean
  • added: property CardsEffectOptions.transformEl?: CSSSelector
  • added: interface CoverflowEffectEvents
  • added: interface CoverflowEffectMethods
  • added: interface CoverflowEffectOptions
  • added: property CoverflowEffectOptions.depth?: number
  • added: property CoverflowEffectOptions.modifier?: number
  • added: property CoverflowEffectOptions.rotate?: number
  • added: property CoverflowEffectOptions.scale?: number
  • added: property CoverflowEffectOptions.slideShadows?: boolean
  • added: property CoverflowEffectOptions.stretch?: number
  • added: property CoverflowEffectOptions.transformEl?: CSSSelector
  • added: interface CreativeEffectEvents
  • added: interface CreativeEffectMethods
  • added: interface CreativeEffectOptions
  • added: property CreativeEffectOptions.limitProgress?: number
  • added: property CreativeEffectOptions.next?: CreativeEffectTransform
  • added: property CreativeEffectOptions.perspective?: boolean
  • added: property CreativeEffectOptions.prev?: CreativeEffectTransform
  • added: property CreativeEffectOptions.progressMultiplier?: number
  • added: property CreativeEffectOptions.shadowPerProgress?: boolean
  • added: property CreativeEffectOptions.transformEl?: CSSSelector
  • added: interface CubeEffectEvents
  • added: interface CubeEffectMethods
  • added: interface CubeEffectOptions
  • added: property CubeEffectOptions.shadow?: boolean
  • added: property CubeEffectOptions.shadowOffset?: number
  • added: property CubeEffectOptions.shadowScale?: number
  • added: property CubeEffectOptions.slideShadows?: boolean
  • added: interface FadeEffectEvents
  • added: interface FadeEffectMethods
  • added: interface FadeEffectOptions
  • added: property FadeEffectOptions.crossFade?: boolean
  • added: property FadeEffectOptions.transformEl?: CSSSelector
  • added: interface FlipEffectEvents
  • added: interface FlipEffectMethods
  • added: interface FlipEffectOptions
  • added: property FlipEffectOptions.limitRotation?: boolean
  • added: property FlipEffectOptions.slideShadows?: boolean
  • added: property FlipEffectOptions.transformEl?: CSSSelector
  • added: interface FreeModeEvents
  • added: interface FreeModeMethods
  • added: interface FreeModeOptions
  • added: method FreeModeMethods.onTouchEnd(): void
  • added: method FreeModeMethods.onTouchMove(): void
  • added: property FreeModeOptions.enabled?: boolean
  • added: property FreeModeOptions.minimumVelocity?: number
  • added: property FreeModeOptions.momentum?: boolean
  • added: property FreeModeOptions.momentumBounce?: boolean
  • added: property FreeModeOptions.momentumBounceRatio?: number
  • added: property FreeModeOptions.momentumRatio?: number
  • added: property FreeModeOptions.momentumVelocityRatio?: number
  • added: property FreeModeOptions.sticky?: boolean
  • added: interface GridEvents
  • added: interface GridMethods
  • added: interface GridOptions
  • added: property GridOptions.fill?: 'row' | 'column'
  • added: property GridOptions.rows?: number
  • added: interface HashNavigationEvents
  • added: interface HashNavigationMethods
  • added: interface HashNavigationOptions
  • added: property HashNavigationEvents.hashChange: (swiper: Swiper) => void
  • added: property HashNavigationEvents.hashSet: (swiper: Swiper) => void
  • added: property HashNavigationOptions.replaceState?: boolean
  • added: property HashNavigationOptions.watchState?: boolean
  • added: interface HistoryEvents
  • added: interface HistoryMethods
  • added: interface HistoryOptions
  • added: property HistoryOptions.key?: string
  • added: property HistoryOptions.replaceState?: boolean
  • added: property HistoryOptions.root?: string
  • added: interface KeyboardEvents
  • added: interface KeyboardMethods
  • added: interface KeyboardOptions
  • added: method KeyboardMethods.disable(): void
  • added: method KeyboardMethods.enable(): void
  • added: property KeyboardEvents.keyPress: (swiper: Swiper, keyCode: string) => void
  • added: property KeyboardMethods.enabled: boolean
  • added: property KeyboardOptions.enabled?: boolean
  • added: property KeyboardOptions.onlyInViewport?: boolean
  • added: property KeyboardOptions.pageUpDown?: boolean
  • added: interface LazyEvents
  • added: interface LazyMethods
  • added: interface LazyOptions
  • added: method LazyMethods.load(): void
  • added: method LazyMethods.loadInSlide(index: number): void
  • added: property LazyEvents.lazyImageLoad: (swiper: Swiper, slideEl: HTMLElement, imageEl: HTMLElement) => void
  • added: property LazyEvents.lazyImageReady: (swiper: Swiper, slideEl: HTMLElement, imageEl: HTMLElement) => void
  • added: property LazyOptions.checkInView?: boolean
  • added: property LazyOptions.elementClass?: string
  • added: property LazyOptions.loadOnTransitionStart?: boolean
  • added: property LazyOptions.loadPrevNext?: boolean
  • added: property LazyOptions.loadPrevNextAmount?: number
  • added: property LazyOptions.loadedClass?: string
  • added: property LazyOptions.loadingClass?: string
  • added: property LazyOptions.preloaderClass?: string
  • added: property LazyOptions.scrollingElement?: CSSSelector | null | Dom7Array | HTMLElement
  • added: interface ManipulationEvents
  • added: interface ManipulationMethods
  • added: interface ManipulationOptions
  • added: method ManipulationMethods.addSlide(index: number, slides: HTMLElement | string | string[] | HTMLElement[]): void
  • added: method ManipulationMethods.appendSlide(slides: HTMLElement | string | string[] | HTMLElement[]): void
  • added: method ManipulationMethods.prependSlide(slides: HTMLElement | string | string[] | HTMLElement[]): void
  • added: method ManipulationMethods.removeAllSlides(): void
  • added: method ManipulationMethods.removeSlide(slideIndex: number | number[]): void
  • added: interface MousewheelEvents
  • added: interface MousewheelMethods
  • added: interface MousewheelOptions
  • added: method MousewheelMethods.disable(): void
  • added: method MousewheelMethods.enable(): void
  • added: property MousewheelEvents.scroll: (swiper: Swiper, event: WheelEvent) => void
  • added: property MousewheelMethods.enabled: boolean
  • added: property MousewheelOptions.eventsTarget?: 'container' | 'wrapper' | CSSSelector | HTMLElement
  • added: property MousewheelOptions.forceToAxis?: boolean
  • added: property MousewheelOptions.invert?: boolean
  • added: property MousewheelOptions.releaseOnEdges?: boolean
  • added: property MousewheelOptions.sensitivity?: number
  • added: property MousewheelOptions.thresholdDelta?: number | null
  • added: property MousewheelOptions.thresholdTime?: number | null
  • added: interface NavigationEvents
  • added: interface NavigationMethods
  • added: interface NavigationOptions
  • added: method NavigationMethods.destroy(): void
  • added: method NavigationMethods.init(): void
  • added: method NavigationMethods.update(): void
  • added: property NavigationEvents.navigationHide: (swiper: Swiper) => void
  • added: property NavigationEvents.navigationShow: (swiper: Swiper) => void
  • added: property NavigationMethods.nextEl: HTMLElement
  • added: property NavigationMethods.prevEl: HTMLElement
  • added: property NavigationOptions.disabledClass?: string
  • added: property NavigationOptions.hiddenClass?: string
  • added: property NavigationOptions.hideOnClick?: boolean
  • added: property NavigationOptions.lockClass?: string
  • added: property NavigationOptions.nextEl?: CSSSelector | HTMLElement | null
  • added: property NavigationOptions.prevEl?: CSSSelector | HTMLElement | null
  • added: interface PaginationEvents
  • added: interface PaginationMethods
  • added: interface PaginationOptions
  • added: method PaginationMethods.destroy(): void
  • added: method PaginationMethods.init(): void
  • added: method PaginationMethods.render(): void
  • added: method PaginationMethods.update(): void
  • added: property PaginationEvents.paginationHide: (swiper: Swiper) => void
  • added: property PaginationEvents.paginationRender: (swiper: Swiper, paginationEl: HTMLElement) => void
  • added: property PaginationEvents.paginationShow: (swiper: Swiper) => void
  • added: property PaginationEvents.paginationUpdate: (swiper: Swiper, paginationEl: HTMLElement) => void
  • added: property PaginationMethods.bullets: Dom7Array[]
  • added: property PaginationMethods.el: HTMLElement
  • added: property PaginationOptions.bulletActiveClass?: string
  • added: property PaginationOptions.bulletClass?: string
  • added: property PaginationOptions.bulletElement?: string
  • added: property PaginationOptions.clickable?: boolean
  • added: property PaginationOptions.clickableClass?: string
  • added: property PaginationOptions.currentClass?: string
  • added: property PaginationOptions.dynamicBullets?: boolean
  • added: property PaginationOptions.dynamicMainBullets?: number
  • added: property PaginationOptions.el?: CSSSelector | HTMLElement | null
  • added: property PaginationOptions.formatFractionCurrent?: (number: number) => number
  • added: property PaginationOptions.formatFractionTotal?: (number: number) => number
  • added: property PaginationOptions.hiddenClass?: string
  • added: property PaginationOptions.hideOnClick?: boolean
  • added: property PaginationOptions.horizontalClass?: string
  • added: property PaginationOptions.lockClass?: string
  • added: property PaginationOptions.modifierClass?: string
  • added: property PaginationOptions.progressbarFillClass?: string
  • added: property PaginationOptions.progressbarOpposite?: boolean
  • added: property PaginationOptions.progressbarOppositeClass?: string
  • added: property PaginationOptions.renderBullet?: (index: number, className: string) => void
  • added: property PaginationOptions.renderCustom?: (swiper: Swiper, current: number, total: number) => void
  • added: property PaginationOptions.renderFraction?: (currentClass: string, totalClass: string) => void
  • added: property PaginationOptions.renderProgressbar?: (progressbarFillClass: string) => void
  • added: property PaginationOptions.totalClass?: string
  • added: property PaginationOptions.type?: 'bullets' | 'fraction' | 'progressbar' | 'custom'
  • added: property PaginationOptions.verticalClass?: string
  • added: interface ParallaxEvents
  • added: interface ParallaxMethods
  • added: interface ParallaxOptions
  • added: property ParallaxOptions.enabled?: boolean
  • added: export * from './a11y'
  • added: export * from './autoplay'
  • added: export * from './controller'
  • added: export * from './effect-cards'
  • added: export * from './effect-coverflow'
  • added: export * from './effect-creative'
  • added: export * from './effect-cube'
  • added: export * from './effect-fade'
  • added: export * from './effect-flip'
  • added: export * from './free-mode'
  • added: export * from './grid'
  • added: export * from './hash-navigation'
  • added: export * from './history'
  • added: export * from './keyboard'
  • added: export * from './lazy'
  • added: export * from './manipulation'
  • added: export * from './mousewheel'
  • added: export * from './navigation'
  • added: export * from './pagination'
  • added: export * from './parallax'
  • added: export * from './scrollbar'
  • added: export * from './thumbs'
  • added: export * from './virtual'
  • added: export * from './zoom'
  • added: interface ScrollbarEvents
  • added: interface ScrollbarMethods
  • added: interface ScrollbarOptions
  • added: method ScrollbarMethods.destroy(): void
  • added: method ScrollbarMethods.init(): void
  • added: method ScrollbarMethods.setTranslate(): void
  • added: method ScrollbarMethods.updateSize(): void
  • added: property ScrollbarEvents.scrollbarDragEnd: (swiper: Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property ScrollbarEvents.scrollbarDragMove: (swiper: Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property ScrollbarEvents.scrollbarDragStart: (swiper: Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void
  • added: property ScrollbarMethods.dragEl: HTMLElement
  • added: property ScrollbarMethods.el: HTMLElement
  • added: property ScrollbarOptions.dragClass?: string
  • added: property ScrollbarOptions.dragSize?: 'auto' | number
  • added: property ScrollbarOptions.draggable?: boolean
  • added: property ScrollbarOptions.el?: CSSSelector | HTMLElement | null
  • added: property ScrollbarOptions.hide?: boolean
  • added: property ScrollbarOptions.lockClass?: string
  • added: property ScrollbarOptions.snapOnRelease?: boolean
  • added: interface ThumbsEvents
  • added: interface ThumbsMethods
  • added: interface ThumbsOptions
  • added: method ThumbsMethods.init(): boolean
  • added: method ThumbsMethods.update(initial: boolean): void
  • added: property ThumbsMethods.swiper: Swiper
  • added: property ThumbsOptions.autoScrollOffset?: number
  • added: property ThumbsOptions.multipleActiveThumbs?: boolean
  • added: property ThumbsOptions.slideThumbActiveClass?: string
  • added: property ThumbsOptions.swiper?: Swiper | null
  • added: property ThumbsOptions.thumbsContainerClass?: string
  • added: interface VirtualData
  • added: interface VirtualEvents
  • added: interface VirtualMethods
  • added: interface VirtualOptions
  • added: method VirtualMethods.appendSlide(slide: HTMLElement | string | HTMLElement[] | string[]): void
  • added: method VirtualMethods.prependSlide(slide: HTMLElement | string | HTMLElement[] | string[]): void
  • added: method VirtualMethods.removeAllSlides(): void
  • added: method VirtualMethods.removeSlide(slideIndexes: number[]): void
  • added: method VirtualMethods.update(force: boolean): void
  • added: property VirtualData.from: number
  • added: property VirtualData.offset: number
  • added: property VirtualData.slides: any[]
  • added: property VirtualData.to: number
  • added: property VirtualMethods.cache: object
  • added: property VirtualMethods.from: number
  • added: property VirtualMethods.slides: any[]
  • added: property VirtualMethods.to: number
  • added: property VirtualOptions.addSlidesAfter?: number
  • added: property VirtualOptions.addSlidesBefore?: number
  • added: property VirtualOptions.cache?: boolean
  • added: property VirtualOptions.enabled?: boolean
  • added: property VirtualOptions.renderExternal?: (data: VirtualData) => any | null
  • added: property VirtualOptions.renderExternalUpdate?: boolean
  • added: property VirtualOptions.renderSlide?: (slide: any, index: any) => any | null
  • added: property VirtualOptions.slides?: any[]
  • added: interface ZoomEvents
  • added: interface ZoomMethods
  • added: interface ZoomOptions
  • added: method ZoomMethods.disable(): void
  • added: method ZoomMethods.enable(): void
  • added: method ZoomMethods.in(): void
  • added: method ZoomMethods.out(): void
  • added: method ZoomMethods.toggle(): void
  • added: property ZoomEvents.zoomChange: (swiper: Swiper, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void
  • added: property ZoomMethods.enabled: boolean
  • added: property ZoomMethods.scale: number
  • added: property ZoomOptions.containerClass?: string
  • added: property ZoomOptions.maxRatio?: number
  • added: property ZoomOptions.minRatio?: number
  • added: property ZoomOptions.toggle?: boolean
  • added: property ZoomOptions.zoomedSlideClass?: string
  • removed: export * from './components/public-api'
  • removed: export * from './shared'
  • removed: export * from './swiper-class'
  • removed: export * from './swiper-events'
  • removed: export * from './swiper-options'
  • removed: interface SwiperComponent
  • added: interface SwiperModule
  • removed: method Swiper.addSlide(index: number, slides: HTMLElement | string | string[] | HTMLElement[]): void
  • removed: method Swiper.appendSlide(slides: HTMLElement | string | string[] | HTMLElement[]): void
  • removed: method Swiper.prependSlide(slides: HTMLElement | string | string[] | HTMLElement[]): void
  • removed: method Swiper.removeAllSlides(): void
  • removed: method Swiper.removeSlide(slideIndex: number | number[]): void
  • changed: property Swiper.modules: Array<any> → property Swiper.modules: Array<SwiperModule>
  • changed: static method Swiper.use(modules: SwiperComponent[]): void → static method Swiper.use(modules: SwiperModule[]): void
  • added: interface Swiper extends ManipulationMethods
  • added: property Swiper.cardsEffect: CardsEffectMethods
  • added: property Swiper.creativeEffect: CreativeEffectMethods
  • added: property Swiper.freeMode: FreeModeMethods
  • removed: property SwiperOptions.freeModeMinimumVelocity?: number
  • removed: property SwiperOptions.freeModeMomentum?: boolean
  • removed: property SwiperOptions.freeModeMomentumBounce?: boolean
  • removed: property SwiperOptions.freeModeMomentumBounceRatio?: number
  • removed: property SwiperOptions.freeModeMomentumRatio?: number
  • removed: property SwiperOptions.freeModeMomentumVelocityRatio?: number
  • removed: property SwiperOptions.freeModeSticky?: boolean
  • removed: property SwiperOptions.slidesPerColumn?: number
  • removed: property SwiperOptions.slidesPerColumnFill?: 'row' | 'column'
  • removed: property SwiperOptions.watchSlidesVisibility?: boolean
  • changed: property SwiperOptions.effect?: 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip' → property SwiperOptions.effect?: 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip' | 'creative' | 'cards'
  • changed: property SwiperOptions.freeMode?: boolean → property SwiperOptions.freeMode?: FreeModeOptions | boolean
  • added: property SwiperOptions.cardsEffect?: CardsEffectOptions
  • added: property SwiperOptions.creativeEffect?: CreativeEffectOptions
  • added: property SwiperOptions.grid?: GridOptions
  • added: property SwiperOptions.modules?: SwiperModule[]
  • added: property SwiperOptions.rewind?: boolean
  • added: property SwiperOptions.slidesPerGroupAuto?: boolean
  • added: const Swiper: DefineComponent<{ tag: { type: StringConstructor; default: string }; wrapperTag: { type: StringConstructor; default: string }; modules: { type: ArrayConstructo…
  • added: const SwiperSlide: DefineComponent<{ tag: { type: StringConstructor; default: string }; swiperRef: { type: PropType<SwiperClass>; required: false }; zoom: { type: BooleanConstruc…