Upgrading swiper 7 to 8
Unknown7.4.1 → 8.4.7
Fetching 33 releases from GitHub…0 / 33
UnknownUpgrade verdict
DepDelta is still reading the notes for this range, so breaking changes can't be ruled out yet.
In plain terms
- 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.
Must act Still reading release notes
DepDelta is still reading the release notes in this range. This updates as they come in.
API changes
Generated by DepDelta from published .d.ts files. Not mixed with prose notes.
- added:
export * from './swiper-events'
- added:
type EventsParams<T = SwiperEvents> = { [P in keyof T]: T[P] extends (...args: any[]) => any ? Parameters<T[P]> : never }
- changed:
static property SwiperSlideDirective.ɵdir: i0.ɵɵDirectiveDeclaration<SwiperSlideDirective, 'ng-template[swiperSlide]', never, { 'virtualIndex': 'virtualIndex'; 'class': 'class'; 'autoplayDelay': 'data-swiper-autoplay'; 'zoom': 'zoom' }, {}, never> → static property SwiperSlideDirective.ɵdir: i0.ɵɵDirectiveDeclaration<SwiperSlideDirective, 'ng-template[swiperSlide]', never, { 'virtualIndex': 'virtualIndex'; 'class': 'class'; 'ngClass': 'ngClass'; 'autoplayDelay': 'data-swiper-autoplay'; 'zoom': 'zoom' }, {}, never> - added:
set SwiperSlideDirective.ngClass(val: string)
- removed:
method SwiperComponent.setIndex(index: number, speed?: number, silent?: boolean): void - removed:
property SwiperComponent.indexChange: EventEmitter<number> - removed:
set SwiperComponent.index(index: number) - changed:
method SwiperComponent.calcLoopedSlides(): number → method SwiperComponent.calcLoopedSlides(): number | boolean - changed:
property SwiperComponent.s__beforeBreakpoint: EventEmitter<SwiperEvents['_beforeBreakpoint']> → property SwiperComponent.s__beforeBreakpoint: EventEmitter<[swiper: Swiper, breakpointParams: SwiperOptions]> - changed:
property SwiperComponent.s__containerClasses: EventEmitter<SwiperEvents['_containerClasses']> → property SwiperComponent.s__containerClasses: EventEmitter<[swiper: Swiper, classNames: string]> - changed:
property SwiperComponent.s__slideClass: EventEmitter<SwiperEvents['_slideClass']> → property SwiperComponent.s__slideClass: EventEmitter<[swiper: Swiper, slideEl: HTMLElement, classNames: string]> - changed:
property SwiperComponent.s__swiper: EventEmitter<SwiperEvents['_swiper']> → property SwiperComponent.s__swiper: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_activeIndexChange: EventEmitter<SwiperEvents['activeIndexChange']> → property SwiperComponent.s_activeIndexChange: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_afterInit: EventEmitter<SwiperEvents['afterInit']> → property SwiperComponent.s_afterInit: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_autoplay: EventEmitter<SwiperEvents['autoplay']> → property SwiperComponent.s_autoplay: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_autoplayStart: EventEmitter<SwiperEvents['autoplayStart']> → property SwiperComponent.s_autoplayStart: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_autoplayStop: EventEmitter<SwiperEvents['autoplayStop']> → property SwiperComponent.s_autoplayStop: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_beforeDestroy: EventEmitter<SwiperEvents['beforeDestroy']> → property SwiperComponent.s_beforeDestroy: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_beforeInit: EventEmitter<SwiperEvents['beforeInit']> → property SwiperComponent.s_beforeInit: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_beforeLoopFix: EventEmitter<SwiperEvents['beforeLoopFix']> → property SwiperComponent.s_beforeLoopFix: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_beforeResize: EventEmitter<SwiperEvents['beforeResize']> → property SwiperComponent.s_beforeResize: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_beforeSlideChangeStart: EventEmitter<SwiperEvents['beforeSlideChangeStart']> → property SwiperComponent.s_beforeSlideChangeStart: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_beforeTransitionStart: EventEmitter<SwiperEvents['beforeTransitionStart']> → property SwiperComponent.s_beforeTransitionStart: EventEmitter<[swiper: Swiper, speed: number, internal: any]> - changed:
property SwiperComponent.s_breakpoint: EventEmitter<SwiperEvents['breakpoint']> → property SwiperComponent.s_breakpoint: EventEmitter<[swiper: Swiper, breakpointParams: SwiperOptions]> - changed:
property SwiperComponent.s_changeDirection: EventEmitter<SwiperEvents['changeDirection']> → property SwiperComponent.s_changeDirection: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_click: EventEmitter<SwiperEvents['click']> → property SwiperComponent.s_click: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_destroy: EventEmitter<SwiperEvents['destroy']> → property SwiperComponent.s_destroy: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_doubleClick: EventEmitter<SwiperEvents['doubleClick']> → property SwiperComponent.s_doubleClick: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_doubleTap: EventEmitter<SwiperEvents['doubleTap']> → property SwiperComponent.s_doubleTap: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_fromEdge: EventEmitter<SwiperEvents['fromEdge']> → property SwiperComponent.s_fromEdge: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_hashChange: EventEmitter<SwiperEvents['hashChange']> → property SwiperComponent.s_hashChange: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_hashSet: EventEmitter<SwiperEvents['hashSet']> → property SwiperComponent.s_hashSet: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_imagesReady: EventEmitter<SwiperEvents['imagesReady']> → property SwiperComponent.s_imagesReady: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_init: EventEmitter<SwiperEvents['init']> → property SwiperComponent.s_init: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_keyPress: EventEmitter<SwiperEvents['keyPress']> → property SwiperComponent.s_keyPress: EventEmitter<[swiper: Swiper, keyCode: string]> - changed:
property SwiperComponent.s_lazyImageLoad: EventEmitter<SwiperEvents['lazyImageLoad']> → property SwiperComponent.s_lazyImageLoad: EventEmitter<[swiper: Swiper, slideEl: HTMLElement, imageEl: HTMLElement]> - changed:
property SwiperComponent.s_lazyImageReady: EventEmitter<SwiperEvents['lazyImageReady']> → property SwiperComponent.s_lazyImageReady: EventEmitter<[swiper: Swiper, slideEl: HTMLElement, imageEl: HTMLElement]> - changed:
property SwiperComponent.s_lock: EventEmitter<SwiperEvents['lock']> → property SwiperComponent.s_lock: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_loopFix: EventEmitter<SwiperEvents['loopFix']> → property SwiperComponent.s_loopFix: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_momentumBounce: EventEmitter<SwiperEvents['momentumBounce']> → property SwiperComponent.s_momentumBounce: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_navigationHide: EventEmitter<SwiperEvents['navigationHide']> → property SwiperComponent.s_navigationHide: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_navigationShow: EventEmitter<SwiperEvents['navigationShow']> → property SwiperComponent.s_navigationShow: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_observerUpdate: EventEmitter<SwiperEvents['observerUpdate']> → property SwiperComponent.s_observerUpdate: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_orientationchange: EventEmitter<SwiperEvents['orientationchange']> → property SwiperComponent.s_orientationchange: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_paginationHide: EventEmitter<SwiperEvents['paginationHide']> → property SwiperComponent.s_paginationHide: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_paginationRender: EventEmitter<SwiperEvents['paginationRender']> → property SwiperComponent.s_paginationRender: EventEmitter<[swiper: Swiper, paginationEl: HTMLElement]> - changed:
property SwiperComponent.s_paginationShow: EventEmitter<SwiperEvents['paginationShow']> → property SwiperComponent.s_paginationShow: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_paginationUpdate: EventEmitter<SwiperEvents['paginationUpdate']> → property SwiperComponent.s_paginationUpdate: EventEmitter<[swiper: Swiper, paginationEl: HTMLElement]> - changed:
property SwiperComponent.s_progress: EventEmitter<SwiperEvents['progress']> → property SwiperComponent.s_progress: EventEmitter<[swiper: Swiper, progress: number]> - changed:
property SwiperComponent.s_reachBeginning: EventEmitter<SwiperEvents['reachBeginning']> → property SwiperComponent.s_reachBeginning: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_reachEnd: EventEmitter<SwiperEvents['reachEnd']> → property SwiperComponent.s_reachEnd: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_realIndexChange: EventEmitter<SwiperEvents['realIndexChange']> → property SwiperComponent.s_realIndexChange: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_resize: EventEmitter<SwiperEvents['resize']> → property SwiperComponent.s_resize: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_scroll: EventEmitter<SwiperEvents['scroll']> → property SwiperComponent.s_scroll: EventEmitter<[swiper: Swiper, event: WheelEvent]> - changed:
property SwiperComponent.s_scrollbarDragEnd: EventEmitter<SwiperEvents['scrollbarDragEnd']> → property SwiperComponent.s_scrollbarDragEnd: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_scrollbarDragMove: EventEmitter<SwiperEvents['scrollbarDragMove']> → property SwiperComponent.s_scrollbarDragMove: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_scrollbarDragStart: EventEmitter<SwiperEvents['scrollbarDragStart']> → property SwiperComponent.s_scrollbarDragStart: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_setTransition: EventEmitter<SwiperEvents['setTransition']> → property SwiperComponent.s_setTransition: EventEmitter<[swiper: Swiper, transition: number]> - changed:
property SwiperComponent.s_setTranslate: EventEmitter<SwiperEvents['setTranslate']> → property SwiperComponent.s_setTranslate: EventEmitter<[swiper: Swiper, translate: number]> - changed:
property SwiperComponent.s_slideChange: EventEmitter<SwiperEvents['slideChange']> → property SwiperComponent.s_slideChange: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_slideChangeTransitionEnd: EventEmitter<SwiperEvents['slideChangeTransitionEnd']> → property SwiperComponent.s_slideChangeTransitionEnd: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_slideChangeTransitionStart: EventEmitter<SwiperEvents['slideChangeTransitionStart']> → property SwiperComponent.s_slideChangeTransitionStart: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_slideNextTransitionEnd: EventEmitter<SwiperEvents['slideNextTransitionEnd']> → property SwiperComponent.s_slideNextTransitionEnd: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_slideNextTransitionStart: EventEmitter<SwiperEvents['slideNextTransitionStart']> → property SwiperComponent.s_slideNextTransitionStart: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_slidePrevTransitionEnd: EventEmitter<SwiperEvents['slidePrevTransitionEnd']> → property SwiperComponent.s_slidePrevTransitionEnd: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_slidePrevTransitionStart: EventEmitter<SwiperEvents['slidePrevTransitionStart']> → property SwiperComponent.s_slidePrevTransitionStart: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_slideResetTransitionEnd: EventEmitter<SwiperEvents['slideResetTransitionEnd']> → property SwiperComponent.s_slideResetTransitionEnd: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_slideResetTransitionStart: EventEmitter<SwiperEvents['slideResetTransitionStart']> → property SwiperComponent.s_slideResetTransitionStart: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_sliderFirstMove: EventEmitter<SwiperEvents['sliderFirstMove']> → property SwiperComponent.s_sliderFirstMove: EventEmitter<[swiper: Swiper, event: TouchEvent]> - changed:
property SwiperComponent.s_sliderMove: EventEmitter<SwiperEvents['sliderMove']> → property SwiperComponent.s_sliderMove: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_slidesGridLengthChange: EventEmitter<SwiperEvents['slidesGridLengthChange']> → property SwiperComponent.s_slidesGridLengthChange: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_slidesLengthChange: EventEmitter<SwiperEvents['slidesLengthChange']> → property SwiperComponent.s_slidesLengthChange: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_snapGridLengthChange: EventEmitter<SwiperEvents['snapGridLengthChange']> → property SwiperComponent.s_snapGridLengthChange: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_snapIndexChange: EventEmitter<SwiperEvents['snapIndexChange']> → property SwiperComponent.s_snapIndexChange: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_tap: EventEmitter<SwiperEvents['tap']> → property SwiperComponent.s_tap: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_toEdge: EventEmitter<SwiperEvents['toEdge']> → property SwiperComponent.s_toEdge: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_touchEnd: EventEmitter<SwiperEvents['touchEnd']> → property SwiperComponent.s_touchEnd: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_touchMove: EventEmitter<SwiperEvents['touchMove']> → property SwiperComponent.s_touchMove: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_touchMoveOpposite: EventEmitter<SwiperEvents['touchMoveOpposite']> → property SwiperComponent.s_touchMoveOpposite: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_touchStart: EventEmitter<SwiperEvents['touchStart']> → property SwiperComponent.s_touchStart: EventEmitter<[swiper: Swiper, event: PointerEvent | MouseEvent | TouchEvent]> - changed:
property SwiperComponent.s_transitionEnd: EventEmitter<SwiperEvents['transitionEnd']> → property SwiperComponent.s_transitionEnd: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_transitionStart: EventEmitter<SwiperEvents['transitionStart']> → property SwiperComponent.s_transitionStart: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_unlock: EventEmitter<SwiperEvents['unlock']> → property SwiperComponent.s_unlock: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_update: EventEmitter<SwiperEvents['update']> → property SwiperComponent.s_update: EventEmitter<[swiper: Swiper]> - changed:
property SwiperComponent.s_zoomChange: EventEmitter<SwiperEvents['zoomChange']> → property SwiperComponent.s_zoomChange: EventEmitter<[swiper: Swiper, scale: number, imageEl: HTMLElement, slideEl: HTMLElement]> - added:
property SwiperComponent.loopedSlidesLimit: SwiperOptions['loopedSlidesLimit'] - added:
property SwiperComponent.maxBackfaceHiddenSlides: SwiperOptions['maxBackfaceHiddenSlides'] - added:
property SwiperComponent.s_autoplayPause: EventEmitter<[swiper: Swiper]> - added:
property SwiperComponent.s_autoplayResume: EventEmitter<[swiper: Swiper]> - added:
property SwiperComponent.s_navigationNext: EventEmitter<[swiper: Swiper]> - added:
property SwiperComponent.s_navigationPrev: EventEmitter<[swiper: Swiper]> - added:
property SwiperComponent.slidesPerGroupAuto: SwiperOptions['slidesPerGroupAuto']
- changed:
function getParams(obj?: any): { params: any; passedParams: {}; rest: {} } → function getParams(obj?: any): { params: any; passedParams: KeyValueType; rest: KeyValueType }
- added:
function isEnabled(val: boolean | { enabled?: boolean }): boolean
- added:
export * from './swiper-react'
- changed:
const Swiper: React.FunctionComponent<SwiperProps> → const Swiper: React.FunctionComponent<React.RefAttributes<SwiperRef> & SwiperProps> - changed:
const SwiperSlide: React.VoidFunctionComponent<SwiperSlideProps> → const SwiperSlide: React.FunctionComponent<SwiperSlideProps> - added:
const useSwiper: () => SwiperClass - added:
const useSwiperSlide: () => SlideData - added:
interface SwiperRef extends React.HTMLAttributes<HTMLElement> - added:
property SwiperProps.onAutoplayPause?: (swiper: SwiperClass) => void - added:
property SwiperProps.onAutoplayResume?: (swiper: SwiperClass) => void - added:
property SwiperProps.onNavigationNext?: (swiper: SwiperClass) => void - added:
property SwiperProps.onNavigationPrev?: (swiper: SwiperClass) => void - added:
property SwiperRef.swiper: SwiperClass
- added:
export * from './swiper-solid'
- added:
const Swiper: Component<SwiperProps> - added:
const SwiperSlide: Component<SwiperSlideProps> - added:
const useSwiper: () => SwiperClass - added:
const useSwiperSlide: () => SlideData - added:
interface SwiperProps extends Omit<JSX.HTMLAttributes<HTMLElement>, | 'onProgress' | 'onClick' | 'onTouchEnd' | 'onTouchMove' | 'onTouchStart' | 'onTransitionEnd' | 'onKeyPress' | 'onDoubleClick' | 'onScroll'> - added:
interface SwiperProps extends SwiperOptions - added:
interface SwiperSlideProps - added:
interface SwiperSlideProps extends Omit<JSX.HTMLAttributes<HTMLElement>, 'children'> - 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.onAutoplayPause?: (swiper: SwiperClass) => void - added:
property SwiperProps.onAutoplayResume?: (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.onNavigationNext?: (swiper: SwiperClass) => void - added:
property SwiperProps.onNavigationPrev?: (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?: JSX.Element | ((slideData: SlideData) => JSX.Element) - added:
property SwiperSlideProps.tag?: string - added:
property SwiperSlideProps.virtualIndex?: number - added:
property SwiperSlideProps.zoom?: boolean
- changed:
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… → class Swiper extends SvelteComponentTyped<SwiperProps, { swiper: CustomEvent<void>; autoplayStart: CustomEvent<[swiper: SwiperClass]>; autoplayStop: CustomEvent<[swiper: SwiperClass]>; autoplayPause: CustomEvent<[swiper: SwiperClass]>; autoplayResume: CustomEvent<[swiper: SwiperClass]>; autoplay: CustomEvent<[swiper: SwiperClass]>; hashChange: CustomEvent<[swiper: SwiperClass]>; hashSet: CustomEv… - changed:
class SwiperSlide extends SvelteComponentTyped<SwiperSlideProps, {}, { default: {} }> → class SwiperSlide extends SvelteComponentTyped<SwiperSlideProps, {}, { default: { data: { isActive: boolean; isVisible: boolean; isDuplicate: boolean; isPrev: boolean; isNext: boolean } } }>
- added:
property A11yOptions.id?: string | number | null
- added:
method AutoplayMethods.pause(speed?: number): void - added:
method AutoplayMethods.run(): void - added:
property AutoplayEvents.autoplayPause: (swiper: Swiper) => void - added:
property AutoplayEvents.autoplayResume: (swiper: Swiper) => void - added:
property AutoplayMethods.paused: boolean
- added:
property CardsEffectOptions.perSlideOffset?: number - added:
property CardsEffectOptions.perSlideRotate?: number - added:
property CardsEffectOptions.rotate?: boolean
- added:
property HistoryOptions.enabled?: boolean - added:
property HistoryOptions.keepQuery?: boolean
- added:
property LazyOptions.enabled?: boolean
- added:
property NavigationEvents.navigationNext: (swiper: Swiper) => void - added:
property NavigationEvents.navigationPrev: (swiper: Swiper) => void - added:
property NavigationOptions.enabled?: boolean - added:
property NavigationOptions.navigationDisabledClass?: string
- changed:
property PaginationMethods.bullets: Dom7Array[] → property PaginationMethods.bullets: Dom7Array - changed:
property PaginationOptions.formatFractionCurrent?: (number: number) => number → property PaginationOptions.formatFractionCurrent?: (number: number) => number | string - changed:
property PaginationOptions.formatFractionTotal?: (number: number) => number → property PaginationOptions.formatFractionTotal?: (number: number) => number | string - added:
property PaginationOptions.enabled?: boolean - added:
property PaginationOptions.paginationDisabledClass?: string
- added:
property ScrollbarOptions.enabled?: boolean - added:
property ScrollbarOptions.horizontalClass?: string - added:
property ScrollbarOptions.scrollbarDisabledClass?: string - added:
property ScrollbarOptions.verticalClass?: string
- added:
property SwiperModule.name: string
- added:
method Swiper.changeLanguageDirection(direction: 'rtl' | 'ltr'): void - added:
property Swiper.isLocked: boolean - added:
property Swiper.snapGrid: number[] - added:
property Swiper.snapIndex: number - added:
property Swiper.swipeDirection: 'prev' | 'next'
- added:
property SwiperOptions.loopedSlidesLimit?: boolean - added:
property SwiperOptions.maxBackfaceHiddenSlides?: number
- added:
const useSwiper: () => Ref<SwiperClass> - added:
const useSwiperSlide: () => Ref<{ isActive: boolean; isVisible: boolean; isDuplicate: boolean; isPrev: boolean; isNext: boolean }>