export const NAME = 'zoomist'

export const MODULES = ['slider', 'zoomer']

export const CLASS_CONTAINER = `${NAME}-container`
export const CLASS_WRAPPER = `${NAME}-wrapper`
export const CLASS_IMAGE = `${NAME}-image`

export const CLASS_SLIDER = `${NAME}-slider`
export const CLASS_SLIDER_MAIN = `${NAME}-slider-main`
export const CLASS_SLIDER_BAR = `${NAME}-slider-bar`
export const CLASS_SLIDER_BUTTON = `${NAME}-slider-button`

export const CLASS_ZOOMER = `${NAME}-zoomer`
export const CLASS_ZOOMER_IN = `${NAME}-in-zoomer`
export const CLASS_ZOOMER_OUT = `${NAME}-out-zoomer`
export const CLASS_ZOOMER_DISABLE = `${NAME}-zoomer-disable`

export const IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined'
export const IS_TOUCH = IS_BROWSER && 'ontouchstart' in window ? true : false

export const EVENT_TOUCH_START = IS_TOUCH ? 'touchstart' : 'mousedown'
export const EVENT_TOUCH_MOVE = IS_TOUCH ? 'touchmove' : 'mousemove'
export const EVENT_TOUCH_END = IS_TOUCH ? 'touchend' : 'mouseup'
export const EVENT_RESIZE = 'resize'
export const EVENT_WHEEL = 'wheel'