- *
- * @default 3000
- */
- delay?: number;
-
- /**
- * Enable this parameter and autoplay will be stopped when it reaches last slide (has no effect in loop mode)
- *
- * @default false
- */
- stopOnLastSlide?: boolean;
-
- /**
- * Set to false and autoplay will not be disabled after
- * user interactions (swipes), it will be restarted
- * every time after interaction
- *
- * @default true
- */
- disableOnInteraction?: boolean;
-
- /**
- * Enables autoplay in reverse direction
- *
- * @default false
- */
- reverseDirection?: boolean;
-
- /**
- * When enabled autoplay will wait for wrapper transition to continue.
- * Can be disabled in case of using Virtual Translate when your
- * slider may not have transition
- *
- * @default true
- */
- waitForTransition?: boolean;
- }
-
- interface LazyOptions {
- loadPrevNext?: boolean;
- loadPrevNextAmount?: number;
- loadOnTransitionStart?: boolean;
- elementClass?: string;
- loadingClass?: string;
- loadedClass?: string;
- preloaderClass?: string;
- }
-
- /*
- * Options - Effect
- */
-
- interface FadeEffectOptions {
- crossfade?: boolean;
- }
-
- interface CoverflowEffectOptions {
- slideShadows?: boolean;
- rotate?: number;
- stretch?: number;
- depth?: number;
- modifier?: number;
- }
-
- interface FlipEffectOptions {
- slideShadows?: boolean;
- limitRotation?: boolean;
- }
-
- interface CubeEffectOptions {
- slideShadows?: boolean;
- shadow?: boolean;
- shadowOffset?: number;
- shadowScale?: number;
- }
-
- interface ZoomOptions {
- maxRatio?: number;
- minRatio?: number;
- toggle?: boolean;
- containerClass?: string;
- zoomedSlideClass?: string;
- }
-
- interface KeyboardOptions {
- enabled?: boolean;
- onlyInViewport?: boolean;
- }
-
- interface MousewheelOptions {
- forceToAxis?: boolean;
- releaseOnEdges?: boolean;
- invert?: boolean;
- sensitivity?: number;
- eventsTarged?: SelectableElement;
- }
-
- interface VirtualOptions {
- slides?: any[];
- cache?: boolean;
- renderSlide?: (slide: any, index: any) => any;
- renderExternal?: (data: any) => any;
- }
-
- interface HashNavigationOptions {
- /**
- * Set to true to enable also navigation through slides (when hashnav
- * is enabled) by browser history or by setting directly hash on document location
- *
- * @default false
- */
- watchState?: boolean;
-
- /**
- * Works in addition to hashnav to replace current url state with the
- * new one instead of adding it to history
- *
- * @default false
- */
- replaceState?: boolean;
- }
-
- interface HistoryNavigationOptions {
- /**
- * Works in addition to hashnav or history to replace current url state with the
- * new one instead of adding it to history
- *
- * @default false
- */
- replaceState?: boolean;
-
- /**
- * Url key for slides
- *
- * @default 'slides'
- */
- key?: string;
- }
+ initialSlide?: number;
/**
- * Object with controller parameters or boolean true to enable with default settings. For example:
+ * Could be 'horizontal' or 'vertical' (for vertical slider).
*
- * @example
- * var mySwiper = new Swiper('.swiper-container', {
- * controller: {
- * inverse: true,
- * },
- * });
- */
- interface ControllerOptions {
- /**
- * Pass here another Swiper instance or array with Swiper instances that should be controlled
- * by this Swiper
- */
- control?: Swiper;
-
- /**
- * Set to true and controlling will be in inverse direction
- *
- * @default false
- */
- inverse?: boolean;
-
- /**
- * Can be 'slide' or 'container'. Defines a way how to control another slider: slide by slide
- * (with respect to other slider's grid) or depending on all slides/container
- * (depending on total slider percentage).
- *
- * @default 'slide'
- */
- by?: 'slide' | 'container';
- }
-
- interface A11yOptions {
- /**
- * Enables A11y
- *
- * @default true
- */
- enabled?: boolean;
-
- /**
- * Message for screen readers for previous button
- *
- * @default 'Previous slide'
- */
- prevSlideMessage?: string;
-
- /**
- * Message for screen readers for next button
- *
- * @default 'Next slide'
- */
- nextSlideMessage?: string;
-
- /**
- * Message for screen readers for previous button when swiper is on first slide
- *
- * @default 'This is the first slide'
- */
- firstSlideMessage?: string;
-
- /**
- * Message for screen readers for previous button when swiper is on last slide
- *
- * @default 'This is the last slide'
- */
- lastSlideMessage?: string;
-
- /**
- * Message for screen readers for single pagination bullet
- *
- * @default 'Go to slide {{index}}'
- */
- paginationBulletMessage?: string;
-
- /**
- * CSS class name of a11 notification
- *
- * @default 'swiper-notification'
- */
- notificationClass?: string;
- }
-
- /*
- * Swiper exports the following as ES5 module (in swiper.esm.js).
+ * @default 'horizontal'
*/
+ direction?: 'horizontal' | 'vertical';
/**
- * Virtual Slides module.
+ * Duration of transition between slides (in ms)
+ *
+ * @default 300
*/
- class Virtual {
- /**
- * Object with cached slides HTML elements
- */
- cache: object;
-
- /**
- * Index of first rendered slide
- */
- from: number;
-
- /**
- * Index of last rendered slide
- */
- to: number;
-
- /**
- * Array with slide items passed by virtual.slides parameter
- */
- slides: any[];
-
- /*
- * Methods
- */
-
- /**
- * Add new slides to the end. slides could be HTMLElement or HTML string with new slide or array
- * with such slides, for example:
- *
- * @example
- * mySwiper.appendSlide('
Slide 10"
')
- * mySwiper.appendSlide([
- * '
Slide 10"
',
- * '
Slide 11"
'
- * ]);
- */
- appendSlide(slide: HTMLElement | string): void;
-
- /**
- * Add new slides to the beginning. slides could be HTMLElement or HTML string with new slide or
- * array with such slides, for example:
- *
- * @example
- * mySwiper.prependSlide('
Slide 0"
')
- * mySwiper.prependSlide([
- * '
Slide 1"
',
- * '
Slide 2"
'
- * ]);
- */
- prependSlide(slide: HTMLElement | string): void;
-
- /**
- * Update virutal slides state
- */
- update(): void;
- }
+ speed?: number;
/**
- * Keyboard Control module.
+ * Enabled this option and plugin will set width/height on swiper wrapper equal to total size of all slides.
+ * Mostly should be used as compatibility fallback option for browser that don't support flexbox layout well
*/
- class Keyboard {
- /**
- * Whether the keyboard control is enabled
- */
- enabled: boolean;
-
- // Methods
- /**
- * Enable keyboard control
- */
- enable(): void;
-
- /**
- * Disable keyboard control
- */
- disable(): void;
- }
+ setWrapperSize?: boolean;
/**
- * Mousewheel Control module.
+ * Enabled this option and swiper will be operated as usual except it will not move, real translate values on wrapper will not be set.
+ * Useful when you may need to create custom slide transition
*/
- class Mousewheel {
- /**
- * Whether the mousewheel control is enabled
- */
- enabled: boolean;
-
- // Methods
- /**
- * Enable mousewheel control
- */
- enable(): void;
-
- /**
- * Disable mousewheel control
- */
- disable(): void;
- }
+ virtualTranslate?: boolean;
/**
- * Navigation module.
+ * Swiper width (in px). Parameter allows to force Swiper width.
+ * Useful only if you initialize Swiper when it is hidden.
+ *
+ * @note Setting this parameter will make Swiper not responsive
*/
- class Navigation {
- /**
- * HTMLElement of "next" navigation button
- */
- nextEl: HTMLElement;
-
- /**
- * HTMLElement of "previous" navigation button
- */
- prevEl: HTMLElement;
-
- /**
- * Update navigation buttons state (enabled/disabled)
- */
- update(): void;
- }
+ width?: number;
/**
- * Pagination module.
+ * Swiper height (in px). Parameter allows to force Swiper height.
+ * Useful only if you initialize Swiper when it is hidden.
+ *
+ * @note Setting this parameter will make Swiper not responsive
*/
- class Pagination {
- /**
- * HTMLElement of pagination container element
- */
- el: HTMLElement;
-
- /**
- * Dom7 array-like collection of pagination bullets
- * HTML elements. To get specific slide HTMLElement
- * use `mySwiper.pagination.bullets[1]`.
- */
- bullets: DOM7Element[];
-
- /**
- * Render pagination layout
- */
- render(): void;
-
- /**
- * Update pagination state (enabled/disabled/active)
- */
- update(): void;
- }
+ height?: number;
/**
- * Scrollbar module.
+ * Set to true and slider wrapper will adopt its height to the height of the currently active slide
+ *
+ * @default false
*/
- class Scrollbar {
- // Properties
- /**
- * HTMLElement of Scrollbar container element
- */
- el: HTMLElement;
-
- /**
- * HTMLElement of Scrollbar draggable handler element
- */
- dragEl: HTMLElement;
-
- // Methods
- /**
- * Updates scrollbar track and handler sizes
- */
- updateSize(): void;
- }
+ autoHeight?: boolean;
/**
- * Parallax module.
+ * Set to true to round values of slides width and height to prevent blurry texts on usual
+ * resolution screens (if you have such)
+ *
+ * @default false
*/
- class Parallax { }
+ roundLengths?: boolean;
/**
- * Zoom module.
+ * Set to true on Swiper for correct touch events interception. Use only on
+ * swipers that use same direction as the parent one
+ *
+ * @default false
*/
- class Zoom {
- /**
- * Whether the zoom module is enabled
- */
- enabled: boolean;
-
- /**
- * Current image scale ratio
- */
- scale: number;
-
- /**
- * Enable zoom module
- */
- enable(): void;
-
- /**
- * Disable zoom module
- */
- disable(): void;
-
- /**
- * Zoom in image of the currently active slide
- */
- in(): void;
-
- /**
- * Zoom out image of the currently active slide
- */
- out(): void;
-
- /**
- * Toggle image zoom of the currently active slide
- */
- toggle(): void;
- }
+ nested?: boolean;
/**
- * Lazy module.
+ * If enabled (by default) and navigation elements' parameters passed as a string (like ".pagination")
+ * then Swiper will look for such elements through child elements first.
+ * Applies for pagination, prev/next buttons and scrollbar elements
+ *
+ * @default true
*/
- class Lazy {
- /**
- * Load/update lazy images based on current slider state (position)
- */
- load(): void;
-
- /**
- * Force to load lazy images in slide by specified index
- * @param number index number of slide to load lazy images in
- */
- loadInSlide(index: number): void;
- }
+ uniqueNavElements?: boolean;
/**
- * Controller module.
+ * Tranisition effect. Could be "slide", "fade", "cube", "coverflow" or "flip"
+ *
+ * @default 'slide'
*/
- class Controller {
- /**
- * Pass here another Swiper instance or array with Swiper instances that should be controlled
- * by this Swiper
- */
- control?: Swiper;
- }
+ effect?: 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip';
/**
- * Accessibility module (a11y$)
+ * Fire [Transition/SlideChange][Start/End] events on swiper initialization.
+ * Such events will be fired on initialization in case of your initialSlide is not 0, or you use loop mode
+ *
+ * @default true
*/
- class A11y { }
+ runCallbacksOnInit?: boolean;
/**
- * History Navigation module.
+ * When enabled Swiper will be disabled and hide navigation buttons on
+ * case there are not enough slides for sliding.
+ *
+ * @default false
*/
- class History { }
+ watchOverflow?: boolean;
/**
- * Hash Navigation module.
+ * Register event handlers.
*/
- class HashNavigation {
- }
-
- /**
- * Autoplay module.
- */
- class Autoplay {
- // Properties
- /**
- * Whether autoplay enabled and running
- */
- running: boolean;
-
- // Methods
- /**
- * Start autoplay
- */
- start(): boolean;
-
- /**
- * Stop autoplay
- */
- stop(): boolean;
- }
-
- /**
- * Fade Effect module.
- */
- class FadeEffect { }
-
- /**
- * Cube Effect module.
- */
- class CubeEffect { }
-
- /**
- * Flip Effect module.
- */
- class FlipEffect { }
-
- /**
- * Coverflow Effect module.
- */
- class CoverflowEffect { }
-
- /**
- * Core module
- */
- class Swiper {
- /**
- * Constructs a new Swiper instance.
- *
- * @param container Where Swiper applies to.
- * @param options Instance options.
- */
- constructor(container: SelectableElement, options?: SwiperOptions);
-
- /**
- * Object with passed initialization parameters
- */
- params: SwiperOptions;
-
- /**
- * Element with slider container.
- */
- el: HTMLElement;
-
- /**
- * Dom7 element with slider container HTML element. To get vanilla HTMLElement use el
- */
- $el: DOM7Element;
-
- /**
- * Slider wrapper HTML element.
- */
- wrapperEl: HTMLElement;
-
- /**
- * Dom7 element with slider wrapper HTML element. To get vanilla HTMLElement use wrapperEl
- */
- $wrapperEl: DOM7Element;
-
- /**
- * Dom7 array-like collection of slides HTML elements. To get specific slide HTMLElement use slides[1]
- */
- slides: DOM7Element[];
-
- /**
- * Width of container
- */
- width: number;
-
- /**
- * Height of container
- */
- height: number;
-
- /**
- * Current value of wrapper translate
- */
- translate: number;
-
- /**
- * Current progress of wrapper translate (from 0 to 1)
- */
- progress: number;
-
- /**
- * Index number of currently active slide.
- *
- * @note Note, that in loop mode active index value will be always shifted
- * on a number of looped/duplicated slides.
- */
- activeIndex: number;
-
- /**
- * Index number of currently active slide considering duplicated slides in loop mode
- */
- realIndex: number;
-
- /**
- * Index number of previously active slide
- */
- previousIndex: number;
-
- /**
- * true if slider on most "left"/"top" position
- */
- isBeginning: true;
-
- /**
- * true if slider on most "right"/"bottom" position
- */
- isEnd: boolean;
-
- /**
- * true if swiper is in transition
- */
- animating: boolean;
-
- /**
- * Object with the following touch event properties:
- */
- touches: {
- startX: number;
- startY: number;
- currentX: number;
- currentY: number;
- diff: number;
- };
-
- /**
- * Index number of last clicked slide
- */
- clickedIdex: number;
-
- /**
- * Link to last clicked slide (HTMLElement)
- */
- clickedSlide: HTMLElement;
-
- /**
- * Disable/enable ability to slide to the next slides by assigning false/true to this property
- *
- * @default true
- */
- allowSlideNext: boolean;
-
- /**
- * Disable/enable ability to slide to the previous slides by assigning false/true to this property
- *
- * @default true
- */
- allowSlidePrev: boolean;
-
- /**
- * Disable/enable ability move slider by grabbing it with
- * mouse or by touching it with finger (on touch screens)
- * by assigning false/true to this property
- *
- * @default true
- */
- allowTouchMove: boolean;
-
- // Methods
- /**
- * Run transition to next slide.
- *
- * @param speed Transition duration (in ms).
- * @param runCallbacks Set it to false (by default it is true) and transition will
- * not produce transition events.
- */
- slideNext(speed: number, runCallbacks: boolean): void;
-
- /**
- * Run transition to previous slide.
- *
- * @param speed Transition duration (in ms).
- * @param runCallbacks Set it to false (by default it is true) and transition will
- * not produce transition events.
- */
- slidePrev(speed?: number, runCallbacks?: boolean): void;
-
- /**
- * Run transition to the slide with index number equal to 'index' parameter for the
- * duration equal to 'speed' parameter.
- *
- * @param index Index number of slide.
- * @param speed Transition duration (in ms).
- * @param runCallbacks Set it to false (by default it is true) and transition will
- * not produce transition events.
- */
- slideTo(index: number, speed?: number, runCallbacks?: boolean): void;
-
- /**
- * You should call it after you add/remove slides
- * manually, or after you hide/show it, or do any
- * custom DOM modifications with Swiper
- * This method also includes subcall of the following
- * methods which you can use separately:
- */
- update(): void;
-
- /**
- * recalculate size of swiper container
- */
- updateSize(): void;
-
- /**
- * recalculate number of slides and their offsets. Useful after you add/remove slides with JavaScript
- */
- updateSlides(): void;
-
- /**
- * recalculate swiper progress
- */
- updateProgress(): void;
-
- /**
- * update active/prev/next classes on slides and bullets
- */
- updateSlidesClasses(): void;
-
- /**
- * tach all events listeners
- */
- detachEvents(): void;
-
- /**
- * Atach all events listeners again
- */
- attachEvents(): void;
-
- /**
- * Destroy slider instance and detach all events listeners, where
- */
- destroy(deleteInstance: boolean, cleanupStyles: boolean): void;
-
- /**
- * Set it to false (by default it is true) to not to delete Swiper instance
- */
- deleteInstance: boolean;
-
- /**
- * Set it to true (by default it is true) and all
- * custom styles will be removed from slides,
- * wrapper and container. Useful if you need to
- * destroy Swiper and to init again with new
- * options or in different direction
- */
- cleanStyles: boolean;
-
- /**
- * Installs modules on Swiper in runtime.
- */
- static use(modules: SwiperModule[]): void;
-
- /**
- * Add new slides to the end. slides could be
- * HTMLElement or HTML string with new slide or
- * array with such slides, for example:
- *
- * @example appendSlide('
Slide 10"
')
- * @example
- * appendSlide([
- * '
Slide 10"
',
- * '
Slide 11"
'
- * ]);
- */
- appendSlide(slides: HTMLElement | string | string[]): void;
-
- /**
- * Add new slides to the beginning. slides could be
- * HTMLElement or HTML string with new slide or array with such slides, for example:
- *
- * @example prependSlide('
Slide 0"
')
- * @example prependSlide([
- * '
Slide 1"
',
- * '
Slide 2"
'
- * ]);
- */
- prependSlide(slides: HTMLElement | string | string[]): void;
-
- /**
- * Remove selected slides. slideIndex could be a number with slide index to remove or array with indexes.
- *
- * @example removeSlide(0); // remove first slide
- * @example removeSlide([0, 1]); // remove first and second slides
- * @example removeAllSlides(); // Remove all slides
- */
- removeSlide(slideIndex: number | number[]): void;
-
- /**
- * Set custom css3 transform's translate value for swiper wrapper
- */
- setTranslate(translate: any): void;
-
- /**
- * Get current value of swiper wrapper css3 transform translate
- */
- getTranslate(): any;
-
- /**
- * Add event listener
- */
- on(event: SwiperEvent, handler: () => void): void;
-
- /**
- * Add event listener that will be executed only once
- */
- once(event: SwiperEvent, handler: () => void): void;
-
- /**
- * Remove event listener for specified event
- * If no handler specified, removes all listeners for specified event
- */
- off(event: SwiperEvent, handler?: () => void): void;
-
- /**
- * Disable mousewheel control
- */
- disableMousewheelControl(): void;
-
- /**
- * Enable mousewheel control
- */
- enableMousewheelControl(): void;
-
- /**
- * Disable keyboard control
- */
- disableKeyboardControl(): void;
-
- /**
- * Enable keyboard control
- */
- enableKeyboardControl(): void;
-
- /**
- * Unset grab cursor
- */
- unsetGrabCursor(): void;
-
- /**
- * Set grab cursor
- */
- setGrabCursor(): void;
-
- // Components
-
- /**
- * Swiper Navigation module.
- */
- navigation?: Navigation;
-
- /**
- * Swiper Pagination module.
- */
- pagination?: Pagination;
-
- /**
- * Swiper Scrollbar module.
- */
- scrollbar?: Scrollbar;
-
- /**
- * Swiper Autoplay module.
- */
- autoplay?: Autoplay;
-
- /**
- * Swiper Parallax module.
- */
- parallax?: Parallax;
-
- /**
- * Swiper Lazy module.
- */
- lazy?: Lazy;
-
- /**
- * Swiper FadeEffect module.
- */
- fadeEffect?: FadeEffect;
-
- /**
- * Swiper CoverflowEffect module.
- */
- coverflowEffect?: CoverflowEffect;
-
- /**
- * Swiper FlipEffect module.
- */
- flipEffect?: FlipEffect;
-
- /**
- * Swiper CubeEffect module.
- */
- cubeEffect?: CubeEffect;
-
- /**
- * Swiper Zoom module.
- */
- zoom?: Zoom;
-
- /**
- * Swiper Keyboard module.
- */
- keyboard?: Keyboard;
-
- /**
- * Swiper Mousewheel module.
- */
- mousewheel?: Mousewheel;
-
- /**
- * Swiper Virtual module.
- */
- virtual?: Virtual;
-
- /**
- * Swiper HashNavigation module.
- */
- hashNavigation?: HashNavigation;
-
- /**
- * Swiper History module.
- */
- history?: History;
-
- /**
- * Swiper Controller module.
- */
- controller?: Controller;
-
- /**
- * Swiper A11y module.
- */
- a11y?: A11y;
- }
+ on?: { [key in SwiperEvent]?: () => void };
+
+ // Slides grid
+ spaceBetween?: number;
+ slidesPerView?: number | 'auto';
+ slidesPerColumn?: number;
+ slidesPerColumnFill?: 'row' | 'column';
+ slidesPerGroup?: number;
+ centeredSlides?: boolean;
+ slidesOffsetBefore?: number;
+ slidesOffsetAfter?: number;
+ normalizeSlideIndex?: boolean;
+
+ // Grab Cursor
+ grabCursor?: boolean;
+
+ // Touches
+ // @TODO: verify next property
+ touchEventsTarget?: 'container' | 'wrapper';
+ touchRatio?: number;
+ touchAngle?: number;
+ simulateTouch?: boolean;
+ shortSwipes?: boolean;
+ longSwipes?: boolean;
+ longSwipesRatio?: number;
+ longSwipesMs?: number;
+ followFinger?: boolean;
+ allowTouchMove?: boolean;
+ threshold?: number;
+ touchMoveStopPropagation?: boolean;
+ iOSEdgeSwipeDetection?: boolean;
+ iOSEdgeSwipeThreshold?: number;
+ touchReleaseOnEdges?: boolean;
+ passiveListeners?: boolean;
+
+ // Touch Resistance
+ resistance?: boolean;
+ resistanceRatio?: number;
+
+ // Swiping / No swiping
+ allowSlidePrev?: boolean;
+ allowSlideNext?: boolean;
+ noSwiping?: boolean;
+ noSwipingClass?: string;
+ // noSwipingSelector?: string;
+ swipeHandler?: SelectableElement;
+
+ // Clicks
+ preventClicks?: boolean;
+ preventClicksPropagation?: boolean;
+ slideToClickedSlide?: boolean;
+
+ // Freemode
+ freeMode?: boolean;
+ freeModeMomentum?: boolean;
+ freeModeMomentumRatio?: number;
+ freeModeMomentumVelocityRatio?: number;
+ freeModeMomentumBounce?: boolean;
+ freeModeMomentumBounceRatio?: number;
+ freeModeMinimumVelocity?: number;
+ freeModeSticky?: boolean;
+
+ // Progress
+ watchSlidesProgress?: boolean;
+ watchSlidesVisibility?: boolean;
+
+ // Images
+ preloadImages?: boolean;
+ updateOnImagesReady?: boolean;
+
+ // Loop
+ loop?: boolean;
+ loopAdditionalSlides?: number;
+ loopedSlides?: number;
+ loopFillGroupWithBlank?: boolean;
+
+ // Breakpoints
+ breakpoints?: {
+ [index: number]: SwiperOptions;
+ };
+
+ // Observer
+ observer?: boolean;
+ observeParents?: boolean;
+
+ // Namespace
+ containerModifierClass?: string;
+ slideClass?: string;
+ slideActiveClass?: string;
+ slideDuplicatedActiveClass?: string;
+ slideVisibleClass?: string;
+ slideDuplicateClass?: string;
+ slideNextClass?: string;
+ slideDuplicatedNextClass?: string;
+ slidePrevClass?: string;
+ slideDuplicatedPrevClass?: string;
+ wrapperClass?: string;
+
+ // Components
+ navigation?: NavigationOptions;
+ pagination?: PaginationOptions;
+ scrollbar?: ScrollbarOptions;
+ autoplay?: AutoplayOptions | boolean;
+ parallax?: boolean;
+ lazy?: LazyOptions | boolean;
+ fadeEffect?: FadeEffectOptions;
+ coverflowEffect?: CoverflowEffectOptions;
+ flipEffect?: FlipEffectOptions;
+ cubeEffect?: CubeEffectOptions;
+ zoom?: ZoomOptions | boolean;
+ keyboard?: KeyboardOptions | boolean;
+ mousewheel?: MousewheelOptions | boolean;
+ virtual?: VirtualOptions | boolean;
+ hashNavigation?: HashNavigationOptions | boolean;
+ history?: HistoryNavigationOptions | boolean;
+ a11y?: A11yOptions | boolean;
}
-// Use thru this when in TypeScript
-declare module 'swiper/dist/js/swiper.esm' {
- import alias = require('swiper');
- export = alias;
+export interface EventsOptions {
+ /**
+ * Fired right after Swiper initialization.
+ * Note that with swiper.on('init') syntax it will
+ * work only in case you set init: false parameter.
+ *
+ * @example
+ * var swiper = new Swiper('.swiper-container', {
+ * init: false,
+ * // other parameters
+ * });
+ *
+ * @example
+ * swiper.on('init', function() {
+ * // do something
+ * });
+ *
+ * @example
+ * // init Swiper
+ * swiper.init();
+ *
+ * @example
+ * // Otherwise use it as the parameter:
+ * var swiper = new Swiper('.swiper-container', {
+ * // other parameters
+ * on: {
+ * init: function () {
+ * // do something
+ * },
+ * }
+ * });
+ */
+ init?: () => any;
+
+ /**
+ * Triggered right beforey Swiper destoryed
+ */
+ beforeDestroy?: () => any;
+
+ /**
+ * Triggered when currently active slide is changed
+ */
+ slideChange?: () => any;
+
+ /**
+ * Triggered in the beginning of animation to other slide (next or previous).
+ */
+ slideChangeTransitionStart?: () => any;
+
+ /**
+ * Triggered after animation to other slide (next or previous).
+ */
+ slideChangeTransitionEnd?: () => any;
+
+ /**
+ * Same as "slideChangeTransitionStart" but for "forward" direction only
+ */
+ slideNextTransitionStart?: () => any;
+
+ /**
+ * Same as "slideChangeTransitionEnd" but for "forward" direction only
+ */
+ slideNextTransitionEnd?: () => any;
+
+ /**
+ * Same as "slideChangeTransitionStart" but for "backward" direction only
+ */
+ slidePrevTransitionStart?: () => any;
+
+ /**
+ * Same as "slideChangeTransitionEnd" but for "backward" direction only
+ */
+ slidePrevTransitionEnd?: () => any;
+
+ /**
+ * Triggered in the beginning of transition.
+ */
+ transitionStart?: () => any;
+
+ /**
+ * Triggered after transition.
+ */
+ transitionEnd?: () => any;
+
+ /**
+ * Triggered when user touch Swiper. Receives 'touchstart' event as an arguments.
+ */
+ touchStart?: (event: any) => any;
+
+ /**
+ * Triggered when user touch and move finger over Swiper. Receives 'touchmove' event as an arguments.
+ */
+ touchMove?: (event: any) => any;
+
+ /**
+ * Fired when user touch and move finger over
+ * Swiper in direction opposite to direction parameter.
+ * Receives 'touchmove' event as an arguments.
+ */
+ touchMoveOpposite?: (event: any) => any;
+
+ /**
+ * Triggered when user touch and move finger over Swiper and move it.
+ * Receives 'touchmove' event as an arguments.
+ */
+ sliderMove?: (event: any) => any;
+
+ /**
+ * Triggered when user release Swiper. Receives 'touchend' event as an arguments.
+ */
+ touchEnd?: (event: any) => any;
+
+ /**
+ * Triggered when user click/tap on Swiper after 300ms delay. Receives 'touchend' event as an arguments.
+ */
+ click?: (event: any) => any;
+
+ /**
+ * Triggered when user click/tap on Swiper. Receives 'touchend' event as an arguments.
+ */
+ tap?: (event: any) => any;
+
+ /**
+ * Triggered when user double tap on Swiper's container. Receives 'touchend' event as an arguments
+ */
+ doubleTap?: (event: any) => any;
+
+ /**
+ * Triggered right after all inner images are loaded. updateOnImagesReady should be also enabled
+ */
+ imagesReady?: () => any;
+
+ /**
+ * Triggered when Swiper progress is changed, as an arguments it receives
+ * progress that is always from 0 to 1
+ */
+ progress?: (progress: any) => any;
+
+ /**
+ * Triggered when Swiper reach its beginning (initial position)
+ */
+ reachBeginning?: () => any;
+
+ /**
+ * Triggered when Swiper reach last slide
+ */
+ reachEnd?: () => any;
+
+ /**
+ * Triggered when Swiper goes from beginning or end position
+ */
+ fromEdge?: () => any;
+
+ /**
+ * Triggered when swiper's wrapper change its position. Receives current translate value as an arguments
+ */
+ setTranslate?: (translate: any) => any;
+
+ /**
+ * Triggered everytime when swiper starts animation.
+ * Receives current transition duration (in ms) as an arguments,
+ */
+ setTransition?: (transition: any) => any;
+
+ /**
+ * Triggered on window resize right before swiper's onresize manipulation
+ */
+ resize?: () => any;
+}
+
+export interface NavigationOptions {
+ /**
+ * String with CSS selector or HTML element of the element that will work
+ * like "next" button after click on it
+ *
+ * @default null
+ */
+ nextEl?: SelectableElement;
+
+ /**
+ * String with CSS selector or HTML element of the element that will work
+ * like "prev" button after click on it
+ *
+ * @default null
+ */
+ prevEl?: SelectableElement;
+
+ /**
+ * buttons visibility after click on Slider's container
+ *
+ * @default false Toggle navigation
+ */
+ hideOnClick?: boolean;
+
+ /**
+ * CSS class name added to navigation button when it becomes disabled
+ *
+ * @default 'swiper-button-disabled'
+ */
+ disabledClass?: string;
+
+ /**
+ * CSS class name added to navigation button when it becomes hidden
+ *
+ * @default 'swiper-button-hidden'
+ */
+ hiddenClass?: string;
+}
+
+export interface PaginationOptions {
+ el: SelectableElement;
+
+ type?: 'bullets' | 'fraction' | 'progressbar' | 'custom';
+
+ bulletElement?: string;
+
+ dynamicBullets?: boolean;
+
+ hideOnClick?: boolean;
+
+ clickable?: boolean;
+
+ /**
+ * format fraction pagination current number. Function receives current number,
+ * and you need to return formatted value
+ */
+ formatFractionCurrent?: (number: number) => number;
+
+ /**
+ * format fraction pagination total number. Function receives total number, and you
+ * need to return formatted value
+ */
+ formatFractionTotal?: (number: number) => number;
+
+ renderBullet?: (index: number, className: string) => void;
+
+ renderFraction?: (currentClass: string, totalClass: string) => void;
+
+ renderProgressbar?: (progressbarFillClass: string) => void;
+
+ /**
+ * This parameter is required for custom pagination type where you have to specify
+ * how it should be rendered.
+ *
+ * @example
+ * var swiper = new Swiper('.swiper-container', {
+ * //...
+ * renderCustom: function (swiper, current, total) {
+ * return current + ' of ' + total;
+ * }
+ * });
+ */
+ renderCustom?: (swiper: Swiper, current: number, total: number) => void;
+
+ bulletClass?: string;
+ bulletActiveClass?: string;
+ modifierClass?: string;
+ currentClass?: string;
+ totalClass?: string;
+ hiddenClass?: string;
+ progressbarFillClass?: string;
+ clickableClass?: string;
+}
+
+/**
+ * Object with scrollbar parameters.
+ *
+ * @example
+ * var mySwiper = new Swiper('.swiper-container', {
+ * scrollbar: {
+ * el: '.swiper-scrollbar',
+ * draggable: true,
+ * },
+ * });
+ */
+export interface ScrollbarOptions {
+ /**
+ * String with CSS selector or HTML element of the container with scrollbar.
+ */
+ el: SelectableElement;
+
+ /**
+ * Hide scrollbar automatically after user interaction
+ *
+ * @default true
+ */
+ hide?: boolean;
+
+ /**
+ * Set to true to enable make scrollbar draggable that allows you to control slider position
+ *
+ * @default true
+ */
+ draggable?: boolean;
+
+ /**
+ * Set to true to snap slider position to slides when you release scrollbar
+ *
+ * @default false
+ */
+ snapOnRelease?: boolean;
+
+ /**
+ * Size of scrollbar draggable element in px
+ *
+ * @default 'auto'
+ */
+ dragSize?: 'auto' | number;
+
+ /**
+ * Scrollbar element additional CSS class when it is disabled
+ *
+ * @default 'swiper-scrollbar-lock'
+ */
+ lockClass?: string;
+
+ /**
+ * Scrollbar draggable element CSS class
+ *
+ * @default 'swiper-scrollbar-drag'
+ */
+ dragClass?: string;
+}
+
+/**
+ * Object with autoplay parameters or boolean true to enable with default settings.
+ *
+ * @example
+ * var mySwiper = new Swiper('.swiper-container', {
+ * autoplay: {
+ * delay: 5000,
+ * },
+ * });
+ */
+export interface AutoplayOptions {
+ /**
+ * Delay between transitions (in ms). If this parameter is not specified, auto play will be disabled
+ *
+ * If you need to specify different delay for specifi slides you can do it by using
+ * data-swiper-autoplay (in ms) attribute on slide.
+ *
+ * @example
+ *
+ *
+ *
+ * @default 3000
+ */
+ delay?: number;
+
+ /**
+ * Enable this parameter and autoplay will be stopped when it reaches last slide (has no effect in loop mode)
+ *
+ * @default false
+ */
+ stopOnLastSlide?: boolean;
+
+ /**
+ * Set to false and autoplay will not be disabled after
+ * user interactions (swipes), it will be restarted
+ * every time after interaction
+ *
+ * @default true
+ */
+ disableOnInteraction?: boolean;
+
+ /**
+ * Enables autoplay in reverse direction
+ *
+ * @default false
+ */
+ reverseDirection?: boolean;
+
+ /**
+ * When enabled autoplay will wait for wrapper transition to continue.
+ * Can be disabled in case of using Virtual Translate when your
+ * slider may not have transition
+ *
+ * @default true
+ */
+ waitForTransition?: boolean;
+}
+
+export interface LazyOptions {
+ loadPrevNext?: boolean;
+ loadPrevNextAmount?: number;
+ loadOnTransitionStart?: boolean;
+ elementClass?: string;
+ loadingClass?: string;
+ loadedClass?: string;
+ preloaderClass?: string;
+}
+
+/*
+ * Options - Effect
+ */
+
+export interface FadeEffectOptions {
+ crossfade?: boolean;
+}
+
+export interface CoverflowEffectOptions {
+ slideShadows?: boolean;
+ rotate?: number;
+ stretch?: number;
+ depth?: number;
+ modifier?: number;
+}
+
+export interface FlipEffectOptions {
+ slideShadows?: boolean;
+ limitRotation?: boolean;
+}
+
+export interface CubeEffectOptions {
+ slideShadows?: boolean;
+ shadow?: boolean;
+ shadowOffset?: number;
+ shadowScale?: number;
+}
+
+export interface ZoomOptions {
+ maxRatio?: number;
+ minRatio?: number;
+ toggle?: boolean;
+ containerClass?: string;
+ zoomedSlideClass?: string;
+}
+
+export interface KeyboardOptions {
+ enabled?: boolean;
+ onlyInViewport?: boolean;
+}
+
+export interface MousewheelOptions {
+ forceToAxis?: boolean;
+ releaseOnEdges?: boolean;
+ invert?: boolean;
+ sensitivity?: number;
+ eventsTarged?: SelectableElement;
+}
+
+export interface VirtualOptions {
+ slides?: any[];
+ cache?: boolean;
+ renderSlide?: (slide: any, index: any) => any;
+ renderExternal?: (data: any) => any;
+}
+
+export interface HashNavigationOptions {
+ /**
+ * Set to true to enable also navigation through slides (when hashnav
+ * is enabled) by browser history or by setting directly hash on document location
+ *
+ * @default false
+ */
+ watchState?: boolean;
+
+ /**
+ * Works in addition to hashnav to replace current url state with the
+ * new one instead of adding it to history
+ *
+ * @default false
+ */
+ replaceState?: boolean;
+}
+
+export interface HistoryNavigationOptions {
+ /**
+ * Works in addition to hashnav or history to replace current url state with the
+ * new one instead of adding it to history
+ *
+ * @default false
+ */
+ replaceState?: boolean;
+
+ /**
+ * Url key for slides
+ *
+ * @default 'slides'
+ */
+ key?: string;
+}
+
+/**
+ * Object with controller parameters or boolean true to enable with default settings. For example:
+ *
+ * @example
+ * var mySwiper = new Swiper('.swiper-container', {
+ * controller: {
+ * inverse: true,
+ * },
+ * });
+ */
+export interface ControllerOptions {
+ /**
+ * Pass here another Swiper instance or array with Swiper instances that should be controlled
+ * by this Swiper
+ */
+ control?: Swiper;
+
+ /**
+ * Set to true and controlling will be in inverse direction
+ *
+ * @default false
+ */
+ inverse?: boolean;
+
+ /**
+ * Can be 'slide' or 'container'. Defines a way how to control another slider: slide by slide
+ * (with respect to other slider's grid) or depending on all slides/container
+ * (depending on total slider percentage).
+ *
+ * @default 'slide'
+ */
+ by?: 'slide' | 'container';
+}
+
+export interface A11yOptions {
+ /**
+ * Enables A11y
+ *
+ * @default true
+ */
+ enabled?: boolean;
+
+ /**
+ * Message for screen readers for previous button
+ *
+ * @default 'Previous slide'
+ */
+ prevSlideMessage?: string;
+
+ /**
+ * Message for screen readers for next button
+ *
+ * @default 'Next slide'
+ */
+ nextSlideMessage?: string;
+
+ /**
+ * Message for screen readers for previous button when swiper is on first slide
+ *
+ * @default 'This is the first slide'
+ */
+ firstSlideMessage?: string;
+
+ /**
+ * Message for screen readers for previous button when swiper is on last slide
+ *
+ * @default 'This is the last slide'
+ */
+ lastSlideMessage?: string;
+
+ /**
+ * Message for screen readers for single pagination bullet
+ *
+ * @default 'Go to slide {{index}}'
+ */
+ paginationBulletMessage?: string;
+
+ /**
+ * CSS class name of a11 notification
+ *
+ * @default 'swiper-notification'
+ */
+ notificationClass?: string;
+}
+
+// "Multiple imports from './dist/js/swiper.esm' can be combined into one" + "Line breaks are not allowed in import declaration" = ...
+// tslint:disable-next-line:max-line-length
+import { Virtual, Keyboard, Mousewheel, Navigation, Pagination, Scrollbar, Parallax, Zoom, Lazy, Controller, A11y, History, HashNavigation, Autoplay, EffectFade, EffectCube, EffectFlip, EffectCoverflow } from "./dist/js/swiper.esm";
+
+/**
+ * Core module
+ */
+// XXX: This is an export assignment in `dist/js/swiper.js` (referenced by
+// the "main" field of package.json) but a default export in
+// `dist/js/swiper.esm.bundle.js` (referenced by the "module" field). Short
+// of trying to convince upstream to change their packaging, the best we can
+// do is choose one or the other and hope that users use `esModuleInterop`.
+export default class Swiper {
+ /**
+ * Constructs a new Swiper instance.
+ *
+ * @param container Where Swiper applies to.
+ * @param options Instance options.
+ */
+ constructor(container: SelectableElement, options?: SwiperOptions);
+
+ /**
+ * Object with passed initialization parameters
+ */
+ params: SwiperOptions;
+
+ /**
+ * Element with slider container.
+ */
+ el: HTMLElement;
+
+ /**
+ * Dom7 element with slider container HTML element. To get vanilla HTMLElement use el
+ */
+ $el: DOM7Element;
+
+ /**
+ * Slider wrapper HTML element.
+ */
+ wrapperEl: HTMLElement;
+
+ /**
+ * Dom7 element with slider wrapper HTML element. To get vanilla HTMLElement use wrapperEl
+ */
+ $wrapperEl: DOM7Element;
+
+ /**
+ * Dom7 array-like collection of slides HTML elements. To get specific slide HTMLElement use slides[1]
+ */
+ slides: DOM7Element[];
+
+ /**
+ * Width of container
+ */
+ width: number;
+
+ /**
+ * Height of container
+ */
+ height: number;
+
+ /**
+ * Current value of wrapper translate
+ */
+ translate: number;
+
+ /**
+ * Current progress of wrapper translate (from 0 to 1)
+ */
+ progress: number;
+
+ /**
+ * Index number of currently active slide.
+ *
+ * @note Note, that in loop mode active index value will be always shifted
+ * on a number of looped/duplicated slides.
+ */
+ activeIndex: number;
+
+ /**
+ * Index number of currently active slide considering duplicated slides in loop mode
+ */
+ realIndex: number;
+
+ /**
+ * Index number of previously active slide
+ */
+ previousIndex: number;
+
+ /**
+ * true if slider on most "left"/"top" position
+ */
+ isBeginning: true;
+
+ /**
+ * true if slider on most "right"/"bottom" position
+ */
+ isEnd: boolean;
+
+ /**
+ * true if swiper is in transition
+ */
+ animating: boolean;
+
+ /**
+ * Object with the following touch event properties:
+ */
+ touches: {
+ startX: number;
+ startY: number;
+ currentX: number;
+ currentY: number;
+ diff: number;
+ };
+
+ /**
+ * Index number of last clicked slide
+ */
+ clickedIdex: number;
+
+ /**
+ * Link to last clicked slide (HTMLElement)
+ */
+ clickedSlide: HTMLElement;
+
+ /**
+ * Disable/enable ability to slide to the next slides by assigning false/true to this property
+ *
+ * @default true
+ */
+ allowSlideNext: boolean;
+
+ /**
+ * Disable/enable ability to slide to the previous slides by assigning false/true to this property
+ *
+ * @default true
+ */
+ allowSlidePrev: boolean;
+
+ /**
+ * Disable/enable ability move slider by grabbing it with
+ * mouse or by touching it with finger (on touch screens)
+ * by assigning false/true to this property
+ *
+ * @default true
+ */
+ allowTouchMove: boolean;
+
+ // Methods
+ /**
+ * Run transition to next slide.
+ *
+ * @param speed Transition duration (in ms).
+ * @param runCallbacks Set it to false (by default it is true) and transition will
+ * not produce transition events.
+ */
+ slideNext(speed: number, runCallbacks: boolean): void;
+
+ /**
+ * Run transition to previous slide.
+ *
+ * @param speed Transition duration (in ms).
+ * @param runCallbacks Set it to false (by default it is true) and transition will
+ * not produce transition events.
+ */
+ slidePrev(speed?: number, runCallbacks?: boolean): void;
+
+ /**
+ * Run transition to the slide with index number equal to 'index' parameter for the
+ * duration equal to 'speed' parameter.
+ *
+ * @param index Index number of slide.
+ * @param speed Transition duration (in ms).
+ * @param runCallbacks Set it to false (by default it is true) and transition will
+ * not produce transition events.
+ */
+ slideTo(index: number, speed?: number, runCallbacks?: boolean): void;
+
+ /**
+ * You should call it after you add/remove slides
+ * manually, or after you hide/show it, or do any
+ * custom DOM modifications with Swiper
+ * This method also includes subcall of the following
+ * methods which you can use separately:
+ */
+ update(): void;
+
+ /**
+ * recalculate size of swiper container
+ */
+ updateSize(): void;
+
+ /**
+ * recalculate number of slides and their offsets. Useful after you add/remove slides with JavaScript
+ */
+ updateSlides(): void;
+
+ /**
+ * recalculate swiper progress
+ */
+ updateProgress(): void;
+
+ /**
+ * update active/prev/next classes on slides and bullets
+ */
+ updateSlidesClasses(): void;
+
+ /**
+ * tach all events listeners
+ */
+ detachEvents(): void;
+
+ /**
+ * Atach all events listeners again
+ */
+ attachEvents(): void;
+
+ /**
+ * Destroy slider instance and detach all events listeners, where
+ */
+ destroy(deleteInstance: boolean, cleanupStyles: boolean): void;
+
+ /**
+ * Set it to false (by default it is true) to not to delete Swiper instance
+ */
+ deleteInstance: boolean;
+
+ /**
+ * Set it to true (by default it is true) and all
+ * custom styles will be removed from slides,
+ * wrapper and container. Useful if you need to
+ * destroy Swiper and to init again with new
+ * options or in different direction
+ */
+ cleanStyles: boolean;
+
+ /**
+ * Installs modules on Swiper in runtime.
+ */
+ static use(modules: SwiperModule[]): void;
+
+ /**
+ * Add new slides to the end. slides could be
+ * HTMLElement or HTML string with new slide or
+ * array with such slides, for example:
+ *
+ * @example appendSlide('
Slide 10"
')
+ * @example
+ * appendSlide([
+ * '
Slide 10"
',
+ * '
Slide 11"
'
+ * ]);
+ */
+ appendSlide(slides: HTMLElement | string | string[]): void;
+
+ /**
+ * Add new slides to the beginning. slides could be
+ * HTMLElement or HTML string with new slide or array with such slides, for example:
+ *
+ * @example prependSlide('
Slide 0"
')
+ * @example prependSlide([
+ * '
Slide 1"
',
+ * '
Slide 2"
'
+ * ]);
+ */
+ prependSlide(slides: HTMLElement | string | string[]): void;
+
+ /**
+ * Remove selected slides. slideIndex could be a number with slide index to remove or array with indexes.
+ *
+ * @example removeSlide(0); // remove first slide
+ * @example removeSlide([0, 1]); // remove first and second slides
+ * @example removeAllSlides(); // Remove all slides
+ */
+ removeSlide(slideIndex: number | number[]): void;
+
+ /**
+ * Set custom css3 transform's translate value for swiper wrapper
+ */
+ setTranslate(translate: any): void;
+
+ /**
+ * Get current value of swiper wrapper css3 transform translate
+ */
+ getTranslate(): any;
+
+ /**
+ * Add event listener
+ */
+ on(event: SwiperEvent, handler: () => void): void;
+
+ /**
+ * Add event listener that will be executed only once
+ */
+ once(event: SwiperEvent, handler: () => void): void;
+
+ /**
+ * Remove event listener for specified event
+ * If no handler specified, removes all listeners for specified event
+ */
+ off(event: SwiperEvent, handler?: () => void): void;
+
+ /**
+ * Disable mousewheel control
+ */
+ disableMousewheelControl(): void;
+
+ /**
+ * Enable mousewheel control
+ */
+ enableMousewheelControl(): void;
+
+ /**
+ * Disable keyboard control
+ */
+ disableKeyboardControl(): void;
+
+ /**
+ * Enable keyboard control
+ */
+ enableKeyboardControl(): void;
+
+ /**
+ * Unset grab cursor
+ */
+ unsetGrabCursor(): void;
+
+ /**
+ * Set grab cursor
+ */
+ setGrabCursor(): void;
+
+ // Components
+
+ /**
+ * Swiper Navigation module.
+ */
+ navigation?: Navigation;
+
+ /**
+ * Swiper Pagination module.
+ */
+ pagination?: Pagination;
+
+ /**
+ * Swiper Scrollbar module.
+ */
+ scrollbar?: Scrollbar;
+
+ /**
+ * Swiper Autoplay module.
+ */
+ autoplay?: Autoplay;
+
+ /**
+ * Swiper Parallax module.
+ */
+ parallax?: Parallax;
+
+ /**
+ * Swiper Lazy module.
+ */
+ lazy?: Lazy;
+
+ /**
+ * Swiper FadeEffect module.
+ */
+ fadeEffect?: EffectFade;
+
+ /**
+ * Swiper CoverflowEffect module.
+ */
+ coverflowEffect?: EffectCoverflow;
+
+ /**
+ * Swiper FlipEffect module.
+ */
+ flipEffect?: EffectFlip;
+
+ /**
+ * Swiper CubeEffect module.
+ */
+ cubeEffect?: EffectCube;
+
+ /**
+ * Swiper Zoom module.
+ */
+ zoom?: Zoom;
+
+ /**
+ * Swiper Keyboard module.
+ */
+ keyboard?: Keyboard;
+
+ /**
+ * Swiper Mousewheel module.
+ */
+ mousewheel?: Mousewheel;
+
+ /**
+ * Swiper Virtual module.
+ */
+ virtual?: Virtual;
+
+ /**
+ * Swiper HashNavigation module.
+ */
+ hashNavigation?: HashNavigation;
+
+ /**
+ * Swiper History module.
+ */
+ history?: History;
+
+ /**
+ * Swiper Controller module.
+ */
+ controller?: Controller;
+
+ /**
+ * Swiper A11y module.
+ */
+ a11y?: A11y;
}
diff --git a/types/swiper/swiper-tests.ts b/types/swiper/swiper-tests.ts
index a41b093001..1f3ecbc09a 100644
--- a/types/swiper/swiper-tests.ts
+++ b/types/swiper/swiper-tests.ts
@@ -3,7 +3,8 @@
* for more details, please see http://idangero.us/swiper/demos/
* @author Eugene Matseruk
*/
-import { Swiper, Navigation, History } from 'swiper';
+import Swiper from 'swiper';
+import { Swiper as SwiperESM, Navigation, History } from 'swiper/dist/js/swiper.esm';
const containerSelector = '.swiper-container';
@@ -12,6 +13,7 @@ const containerSelector = '.swiper-container';
*/
function defaultDemo() {
const swiper = new Swiper(containerSelector);
+ const swiper2 = new SwiperESM(containerSelector);
}
/**
* 020-navigation
@@ -771,7 +773,7 @@ function slideableNavigation() {
* Swiper module instalation.
*/
function staticUseModules() {
- Swiper.use([Navigation, History]);
+ SwiperESM.use([Navigation, History]);
const swiper = new Swiper(containerSelector);
}
diff --git a/types/swiper/tsconfig.json b/types/swiper/tsconfig.json
index 2db3d1376f..9b633bb8cf 100644
--- a/types/swiper/tsconfig.json
+++ b/types/swiper/tsconfig.json
@@ -19,6 +19,7 @@
},
"files": [
"index.d.ts",
+ "dist/js/swiper.esm.d.ts",
"swiper-tests.ts"
]
}
diff --git a/types/swiper/tslint.json b/types/swiper/tslint.json
index 63d6d869ef..f93cf8562a 100644
--- a/types/swiper/tslint.json
+++ b/types/swiper/tslint.json
@@ -1,9 +1,3 @@
{
- "extends": "dtslint/dt.json",
- "rules": {
- "no-self-import": false,
- // TODOs
- "no-declare-current-package": false,
- "no-single-declare-module": false
- }
+ "extends": "dtslint/dt.json"
}