Your IP : 172.70.80.239

Current Path : /var/www/element/data/www/revenuestory.ru/bitrix/js/ui/ears/src/
Upload File :
Current File : /var/www/element/data/www/revenuestory.ru/bitrix/js/ui/ears/src/touch-controller.js

export class TouchController
{
	constructor({ target })
	{
		this.target = target ? target : null;
		this.pos = { top: 0, left: 0, x: 0, y: 0 };
		this.touchInit = false;
		this.init();
	}

	init()
	{
		if (!this.target)
		{
			console.warn('BX.UI.Ears: TouchController not initialized')
			return;
		}

		this.target.addEventListener('mousedown', this.mouseDownHandler.bind(this));
		this.target.addEventListener('mousemove', this.mouseMoveHandler.bind(this));
		this.target.addEventListener('mouseup', this.mouseUpHandler.bind(this));
		this.target.addEventListener('mouseleave', this.mouseUpHandler.bind(this));
	}

	mouseDownHandler(ev)
	{
		this.touchInit = true;
		this.target.style.cursor = 'grabbing';
		this.target.style.userSelect = 'none';
		this.target.parentNode.classList.add('--grabbing');

		this.pos = {
			left: this.target.scrollLeft,
			x: ev.clientX
		};
	}

	mouseMoveHandler(ev)
	{
		if (!this.touchInit)
		{
			return;
		}

		const dx = ev.clientX - this.pos.x;

		this.target.scrollLeft = this.pos.left - dx;
	}

	mouseUpHandler()
	{
		this.touchInit = false;
		this.target.style.cursor = 'grab';
		this.target.style.removeProperty('user-select');
		this.target.parentNode.classList.remove('--grabbing');
	}
}