golden hour

/home/godaofbq/hardchambers.com/wp-content/plugins/essential-addons-elementor/src/js/view

File/Folder	Size	Actions
.htaccess	127 B
adv-google-map.js	17.84 KB
advanced-menu.js	11.31 KB
advanced-search.js	14.73 KB
ajax-post-search.js	1.14 KB
content-timeline.js	7.93 KB
counter.js	789 B
data-table.js	510 B
dynamic-filter-gallery.js	1.56 KB
fancy-chart.js	1.02 KB
flip-carousel.js	1.58 KB
image-hotspots.js	3.03 KB
image-scroller.js	1.08 KB
img-comparison.js	2 KB
instagram-gallery.js	4.21 KB
interactive-cards.js	1.42 KB
learn-dash-course-list.js	3.03 KB
lightbox.js	6.26 KB
login-register.js	23.57 KB
logo-carousel.js	7.83 KB
mailchimp.js	2.59 KB
multicolumn-pricing-table.js	1.62 KB
offcanvas.js	376 B
one-page-navigation.js	4.67 KB
post-carousel.js	7 KB
post-list.js	6.54 KB
progress-bar.js	468 B
section-parallax.js	8.5 KB
section-particles.js	4.75 KB
smooth-animation.js	23.66 KB
sphere-photo-viewer.js	967 B
stacked-cards.js	9.16 KB
team-member-carousel.js	5.7 KB
testimonial-slider.js	7.41 KB
toggle.js	3.18 KB
twitter-feed-carousel.js	7.66 KB
woo-account-dashboard.js	2.21 KB
woo-checkout-pro.js	17.02 KB
woo-cross-sells.js	1.9 KB
woo-product-slider.js	5.99 KB

Edit: content-timeline.js

var contentTimelineHandler = function($scope, $) {
	let $timeline  		= $scope.find( '.eael-timeline' ),
		$horizontalTimelineWrap = $scope.find( '.horizontal-timeline-wrapper' ),
		$timelineTrack	  = $scope.find( '.eael-horizontal-timeline-track' ),
		$nextArrow 		  = $scope.find( '.eael-next-arrow' ),
		$prevArrow 		  = $scope.find( '.eael-prev-arrow' ),
		$arrows			  = $scope.find( '.eael-arrow' ),
		itemsCount        = $scope.find( '.eael-horizontal-timeline-list--middle .eael-horizontal-timeline-item' ).length,
		currentTransform  = 0,
		currentPosition   = 0,
		maxPosition       = {},
		transform         = {},
		columns           = {},
		currentDeviceMode = elementorFrontend.getCurrentDeviceMode(),
		slidesToScroll 	  = $horizontalTimelineWrap.data('slide_to_scroll');

if ( typeof (localize.el_breakpoints) !== 'string') {
			transform['desktop']   = 100/3;
			maxPosition['desktop'] = Math.max( 0, (itemsCount - 3) );
			columns['desktop']     = 3;
			
			$.each(localize.el_breakpoints, function(index, device){
				transform[index] = index === 'mobile' ? 100/1 : 100/3;
				maxPosition[index] = index === 'mobile' ? Math.max( 0, (itemsCount - 1) ) : Math.max( 0, (itemsCount - 3) );
				columns[index] = 3;
			});
		} else {
			transform = {
				desktop: 100 / 3,
				tablet:  100 / 3,
				mobile:  100 / 1
			};

maxPosition = {
				desktop: Math.max( 0, (itemsCount - 3) ),
				tablet:  Math.max( 0, (itemsCount - 3) ),
				mobile:  Math.max( 0, (itemsCount - 1) )
			};

columns = {
				desktop: 3,
				tablet:  3,
				mobile:  3
			};
		}
		
	var contentBlock 		= $(".eael-content-timeline-block");
	let horizontalTimeline 	= $scope.find('.eael-horizontal-timeline-track').length;

let containerWidth 		= $('.eael-content-timeline-container', $scope).width();
	let containerLeft 		= $('.eael-content-timeline-container', $scope).offset().left;

if( horizontalTimeline ){
		$('.eael-horizontal-timeline-track', $scope).on('scroll', function(e) {
			let scrollLeftPosition 	= e.currentTarget.scrollLeft;
			let lineWidth = scrollLeftPosition + ( containerLeft + 300 );
			
			//For highlighted color
			$(".eael-horizontal-timeline-item__line", $scope).each(function(i){
				let itemLeft = $(this).offset().left;
				let calculateValue = ( containerLeft + containerWidth + scrollLeftPosition ) - containerLeft;
				if ( itemLeft < calculateValue ) {
					$('.eael-horizontal-timeline__line').find(".eael-horizontal-timeline-item__highlight").css("width", lineWidth + "px");
				}
			});

//
			$(".eael-horizontal-timeline-item", $scope).each(function(i){
				let itemLeft = $(this).offset().left;
				let calculateValue = ( containerLeft + containerWidth + scrollLeftPosition ) - containerLeft;
				if ( itemLeft < calculateValue ) {
					$(this).addClass('is-active');
				} else{
					if($(this).hasClass('is-active')){
						$(this).removeClass('is-active');
					}
				}
			});
		});

//Function call
		setLinePosition();
	}

contentBlock.each(function() {
		if( $(this).isInViewport() ) {
			heightLightBlockLine( $(this) );

if( $(this).prev().length ) {
				heightLightBlockLine( $(this).prev() );
			}
		}
	});

function heightLightBlockLine( $this ) {
		// Calculate screen middle position, top offset and line height and
		// change line height dynamically
		let contentBlockHeight = contentBlock.height();
		
		if ( contentBlockHeight > window.innerHeight ) {
			contentBlockHeight = window.innerHeight 
		}

if (this.oldScroll > this.scrollY == false) {
			this.oldScroll = this.scrollY;
			// Scroll Down
			$(".eael-content-timeline-block.eael-highlight")
				.prev()
				.find(".eael-content-timeline-inner")
				.removeClass("eael-muted")
				.addClass("eael-highlighted");

} else if (this.oldScroll > this.scrollY == true) {
			this.oldScroll = this.scrollY;
			// Scroll Up
			$(".eael-content-timeline-block.eael-highlight")
				.find(".eael-content-timeline-inner")
				.addClass("eael-prev-highlighted");
			$(".eael-content-timeline-block.eael-highlight")
				.next()
				.find(".eael-content-timeline-inner")
				.removeClass("eael-highlighted")
				.removeClass("eael-prev-highlighted")
				.addClass("eael-muted");
		}
	});
	
	function setLinePosition() {
		let $line             = $scope.find( '.eael-horizontal-timeline__line' ),
			$firstPoint       = $scope.find( '.eael-horizontal-timeline-item__point-content:first' ),
			$lastPoint        = $scope.find( '.eael-horizontal-timeline-item__point-content:last' ),
			firstPointLeftPos = $firstPoint.position()?.left + parseInt( $firstPoint.css( 'marginLeft' ) ),
			lastPointLeftPos  = $lastPoint.position()?.left + parseInt( $lastPoint.css( 'marginLeft' ) ),
			pointWidth        = $firstPoint.outerWidth();

if( firstPointLeftPos && lastPointLeftPos && pointWidth ) {
			$line.css( {
				'left': '45px',
				'width': Math.abs( lastPointLeftPos - firstPointLeftPos )
			} );
		}
	}

// Arrows
	if ( $nextArrow[0] && maxPosition[ currentDeviceMode ] === 0 ) {
		$nextArrow.addClass( 'eael-arrow-disabled' );
	}

if ( $arrows[0] ) {
		let slidesScroll      = typeof slidesToScroll[ currentDeviceMode ] !== 'undefined' ? parseInt( slidesToScroll[ currentDeviceMode ] ) : 1,
			xPos              = 0,
			yPos              = 0,
			diffpos;

$arrows.on( 'click', function( event ){
			var $this             = $( this ),
				currentDeviceMode = elementorFrontend.getCurrentDeviceMode(),
				direction         = $this.hasClass( 'eael-next-arrow' ) ? 'next' : 'prev',
				dirMultiplier     = -1;

if ( slidesScroll > columns[ currentDeviceMode ] ) {
				slidesScroll = columns[ currentDeviceMode ];
			}

if ( 'next' === direction && currentPosition < maxPosition[ currentDeviceMode ] ) {
				currentPosition += slidesScroll;

if ( currentPosition > maxPosition[ currentDeviceMode ] ) {
					currentPosition = maxPosition[ currentDeviceMode ];
				}
			}

if ( 'prev' === direction && currentPosition > 0 ) {
				currentPosition -= slidesScroll;

if ( currentPosition < 0 ) {
					currentPosition = 0;
				}
			}

if ( currentPosition > 0 ) {
				$prevArrow.removeClass( 'eael-arrow-disabled' );
			} else {
				$prevArrow.addClass( 'eael-arrow-disabled' );
			}

if ( currentPosition === maxPosition[ currentDeviceMode ] ) {
				$nextArrow.addClass( 'eaek-arrow-disabled' );
			} else {
				$nextArrow.removeClass( 'eaek-arrow-disabled' );
			}

if ( currentPosition === 0 ) {
				currentTransform = 0;
			} else {
				currentTransform = currentPosition * transform[ currentDeviceMode ];
			}

$timelineTrack.css({
				'transform': 'translateX(' + dirMultiplier * currentTransform + '%)'
			});

//For highlighted color
			$(".eael-horizontal-timeline-item__line", $scope).each( function(i) {
				let itemLeft = $(this).offset().left;
				let lineWidth = currentTransform - 10;
				let calculateValue = ( containerLeft + containerWidth );
				if ( itemLeft < calculateValue ) {
					$('.eael-horizontal-timeline__line').find(".eael-horizontal-timeline-item__highlight").css("width", lineWidth + "%");
				}
			});
			
			$(".eael-horizontal-timeline-item", $scope).each(function(){
				let itemLeft = $(this).offset().left;
				if( itemLeft < ( containerLeft + containerWidth ) ){
					$(this).addClass('is-active');
				} else{
					if($(this).hasClass('is-active')){
						$(this).removeClass('is-active');
					}
				}
			});

} );
	}
};

jQuery(window).on("elementor/frontend/init", function() {
	elementorFrontend.hooks.addAction(
		"frontend/element_ready/eael-content-timeline.default",
		contentTimelineHandler
	);
});