| 1 | interface ThumbnailStrings {
|
| 2 | toggleThumbnails: string;
|
| 3 | }
|
| 4 | export interface ThumbnailsSettings {
|
| 5 | /**
|
| 6 | * Enable thumbnails for the gallery
|
| 7 | */
|
| 8 | thumbnail: boolean;
|
| 9 | animateThumb: boolean;
|
| 10 | /**
|
| 11 | * Position of selected thumbnail.
|
| 12 | */
|
| 13 | currentPagerPosition: 'left' | 'middle' | 'right';
|
| 14 | /**
|
| 15 | * Position of thumbnails when the width of all thumbnails combined is less than the gallery's width.
|
| 16 | *
|
| 17 | */
|
| 18 | alignThumbnails: 'left' | 'middle' | 'right';
|
| 19 | /**
|
| 20 | * Width of each thumbnails.
|
| 21 | */
|
| 22 | thumbWidth: number;
|
| 23 | /**
|
| 24 | * Height of each thumbnails.
|
| 25 | */
|
| 26 | thumbHeight: string;
|
| 27 | /**
|
| 28 | * Spacing between each thumbnails
|
| 29 | */
|
| 30 | thumbMargin: number;
|
| 31 | /**
|
| 32 | * control where the thumbnails should be appended.
|
| 33 | * By default, thumbnails are appended to '.lg-components' which has inbuilt open close transitions
|
| 34 | * If you don't want initial thumbnails transitions, or want to do more customization,
|
| 35 | * you can append thumbnails to the lightGalley outer div -
|
| 36 | * <a href="/demos/thumbnails/#static-thumbnails">Demo</a>
|
| 37 | */
|
| 38 | appendThumbnailsTo: '.lg-outer' | '.lg-components';
|
| 39 | /**
|
| 40 | * Enable toggle captions and thumbnails.
|
| 41 | * @description not applicable if allowMediaOverlap is false
|
| 42 | */
|
| 43 | toggleThumb: boolean;
|
| 44 | /**
|
| 45 | * Enables desktop mouse drag support for thumbnails.
|
| 46 | */
|
| 47 | enableThumbDrag: boolean;
|
| 48 | /**
|
| 49 | * Enables thumbnail touch/swipe support for touch devices
|
| 50 | */
|
| 51 | enableThumbSwipe: boolean;
|
| 52 | /**
|
| 53 | * By setting the thumbnailSwipeThreshold (in px) you can set how far the user must swipe for the next/prev slide.
|
| 54 | */
|
| 55 | thumbnailSwipeThreshold: number;
|
| 56 | /**
|
| 57 | * You can automatically load thumbnails for YouTube videos from YouTube by setting loadYouTubeThumbnail true
|
| 58 | */
|
| 59 | loadYouTubeThumbnail: boolean;
|
| 60 | /**
|
| 61 | * You can specify the thumbnail size by setting respective number.
|
| 62 | */
|
| 63 | youTubeThumbSize: number;
|
| 64 | /**
|
| 65 | * Custom translation strings for aria-labels
|
| 66 | */
|
| 67 | thumbnailPluginStrings: ThumbnailStrings;
|
| 68 | }
|
| 69 | export declare const thumbnailsSettings: ThumbnailsSettings;
|
| 70 | export {};
|