/*
Name: 			Horizontal Scroll Examples
Written by: 	Okler Themes - (http://www.okler.net)
Theme Version:	9.9.2
*/

(function( $ ) {

	'use strict';

	/*
	Horizontal Scroll
	*/
	let locoScrollDefaults = {
	    el: document.querySelector('[data-scroll-container]'),
	    smooth: true,
	    direction: "horizontal",
		mobile: {
			breakpoint: 0,
			smooth: true,
			direction: "horizontal",
		},
		tablet: {
			breakpoint: 0,
			smooth: true,
			direction: "horizontal"
		}
	};

	let locoScroll = new LocomotiveScroll(locoScrollDefaults);

	// GSAP integration
	gsap.registerPlugin(ScrollTrigger);

	locoScroll.on("scroll", ScrollTrigger.update);

	ScrollTrigger.scrollerProxy(".smoothScroll", {
	    scrollTop(value) {
	        return arguments.length ? locoScroll.scrollTo(value, 0, 0) : locoScroll.scroll.instance.scroll.y;
	    },
	    scrollLeft(value) {
	        return arguments.length ? locoScroll.scrollTo(value, 0, 0) : locoScroll.scroll.instance.scroll.x;
	    },

	    getBoundingClientRect() {
	        return {
	            top: 0,
	            left: 0,
	            width: window.innerWidth,
	            height: window.innerHeight
	        };
	    },

	    pinType: document.querySelector(".smoothScroll").style.transform ? "transform" : "fixed"
	});

}).apply( this, [ jQuery ]);