@furman1331/page-scroller/src/common/state.ts

Amazing plugin for creating smooth scroll on your website

import { callback, state } from '@/state'
import { emitter, EmitterEvents } from '@/emitter'

import type { IPageScrollerOptions, ISectionChangeProps, ISectionBeforeChangeProps } from '@/types'

export const defaultState: IPageScrollerOptions = {
	scrollMode: 'automatic',
	scrollingSpeed: 700,
	transitionTimingFunction: 'ease',

	slidesIdentifyAttribute: 'page-scroller-slide',
	isAllowToScrollThroughSlides: false,

	isDebug: false,
	isWheelEnabled: true,
	isKeyboardEnabled: true,
	isTouchEnabled: true,
}

export function initializeState(options: IPageScrollerOptions) {
	state.scrollMode = options.scrollMode ?? defaultState.scrollMode
	state.scrollingSpeed = options.scrollingSpeed ?? defaultState.scrollingSpeed
	state.transitionTimingFunction = options.transitionTimingFunction ?? defaultState.transitionTimingFunction

	state.isDebug = options.isDebug ?? defaultState.isDebug
	state.isWheelEnabled = options.isWheelEnabled ?? defaultState.isWheelEnabled
	state.isKeyboardEnabled = options.isKeyboardEnabled ?? defaultState.isKeyboardEnabled
	state.isTouchEnabled = options.isTouchEnabled ?? defaultState.isTouchEnabled

	state.slidesIdentifyAttribute = options.slidesIdentifyAttribute ?? defaultState.slidesIdentifyAttribute
	state.isAllowToScrollThroughSlides = options.isAllowToScrollThroughSlides ?? defaultState.isAllowToScrollThroughSlides
}

export function destroyState() {
	state.container = null
	state.sections = null

	state.activeSlide = 0
	state.activeSection = 0

	state.transitionTimingFunction = defaultState.transitionTimingFunction
	state.scrollingSpeed = defaultState.scrollingSpeed

	state.slidesIdentifyAttribute = defaultState.slidesIdentifyAttribute
	state.isAllowToScrollThroughSlides = defaultState.isAllowToScrollThroughSlides

	state.isDebug = defaultState.isDebug
	state.isScrolling = false
	state.isInitialized = false

	state.isWheelEnabled = defaultState.isWheelEnabled
	state.isKeyboardEnabled = defaultState.isKeyboardEnabled
	state.isTouchEnabled = defaultState.isTouchEnabled
}

export function initializeCallbacks(options: IPageScrollerOptions) {
	if (options.onSectionChange) {
		callback.onSectionChange = options.onSectionChange

		emitter.on(EmitterEvents.onSectionChange, (event: ISectionChangeProps) => callback.onSectionChange(event))
	}

	if (options.onBeforeSectionChange) {
		callback.onBeforeSectionChange = options.onBeforeSectionChange

		emitter.on(EmitterEvents.onBeforeSectionChange, (event: ISectionBeforeChangeProps) =>
			callback.onBeforeSectionChange(event)
		)
	}
}

export function destroyCallbacks() {
	callback.onSectionChange = () => {}
	emitter.off(EmitterEvents.onSectionChange)
	callback.onBeforeSectionChange = () => {}
	emitter.off(EmitterEvents.onBeforeSectionChange)
}