mirror of
https://bitbucket.org/bellord13/kit.git
synced 2026-11-13 19:06:11 +03:00
52 lines
1.7 KiB
TypeScript
52 lines
1.7 KiB
TypeScript
export interface ActualSizeIcons {
|
|
zoomIn: 'lg-zoom-in' | 'lg-actual-size';
|
|
zoomOut: 'lg-zoom-out' | 'lg-actual-size';
|
|
}
|
|
export interface ZoomStrings {
|
|
zoomIn: string;
|
|
zoomOut: string;
|
|
viewActualSize: string;
|
|
}
|
|
export interface ZoomSettings {
|
|
/**
|
|
* Value of zoom should be incremented/decremented
|
|
*/
|
|
scale: number;
|
|
/**
|
|
* Enable/Disable zoom option
|
|
*/
|
|
zoom: boolean;
|
|
/**
|
|
* Enable/Disable infinite zoom
|
|
* @description If you set this to true, you can zoom in more than the original size of the image.
|
|
*/
|
|
infiniteZoom: boolean;
|
|
/**
|
|
* Enable actual size icon.
|
|
*/
|
|
actualSize: boolean;
|
|
/**
|
|
* Once the slide transition is completed, how much time should take zoom plugin to activate
|
|
* @description Some css styles will be added to the images if zoom is enabled.
|
|
* So it might conflict if you add any custom styles to the images such as the initial transition while opening the gallery.
|
|
* So you can delay adding zoom related styles to the images by changing the value of enableZoomAfter.
|
|
*/
|
|
enableZoomAfter: number;
|
|
/**
|
|
* Show zoom in, zoom out icons
|
|
*/
|
|
showZoomInOutIcons: boolean;
|
|
/**
|
|
* Actual size icons classnames.
|
|
* Specify classnames for both ZoomIn and ZoomOut states
|
|
* You can use `actualSizeIcons: { zoomIn: 'lg-actual-size', zoomOut: 'lg-zoom-out' }`
|
|
* to show actual size icons instead of zoom in and zoom out icons.
|
|
*/
|
|
actualSizeIcons: ActualSizeIcons;
|
|
/**
|
|
* Custom translation strings for aria-labels
|
|
*/
|
|
zoomPluginStrings: ZoomStrings;
|
|
}
|
|
export declare const zoomSettings: ZoomSettings;
|