Linux puskom-ProLiant-DL385-Gen10 5.4.0-150-generic #167~18.04.1-Ubuntu SMP Wed May 24 00:51:42 UTC 2023 x86_64

/home/puskom/mastur/post-grid/includes/blocks/progress-bar/

//home/puskom/mastur/post-grid/includes/blocks/progress-bar/front-scripts.js

 document.addEventListener("DOMContentLoaded", function (event) {
	function isInViewport(el) {
		const rect = el.getBoundingClientRect();
		return (
			rect.top >= 0 &&
			rect.left >= 0 &&
			rect.bottom <=
				(window.innerHeight || document.documentElement.clientHeight) &&
			rect.right <= (window.innerWidth || document.documentElement.clientWidth)
		);
	}

	var PGBlockProgressBar = document.querySelectorAll(".PGBlockProgressBar");

	if (PGBlockProgressBar != null) {
		PGBlockProgressBar.forEach((item) => {
			var progressBarArgs = item.getAttribute("data-progress-bar");

			var progressBarArgsObj = JSON.parse(progressBarArgs);

			var blockId = progressBarArgsObj.blockId;
			var start = progressBarArgsObj.start;
			var end = progressBarArgsObj.end;
			var duration = progressBarArgsObj.duration;
			var animate = progressBarArgsObj.animate;
			var type = progressBarArgsObj.type;
			var source = progressBarArgsObj.source;

			// if (source.length > 0) {
			// 	end = saleCount;
			// } else {
			// 	end = endX;
			// }

			var wrapHandle = "." + blockId + " .progress-fill";

			if (animate == "onVisible") {
				document.addEventListener("scroll", function (e) {
					const target = document.querySelector(wrapHandle);
					var isInView = isInViewport(target);

					var animateName = "animateWidthProgress";
					if (type == "horizontal") {
						var animateName = "animateWidthProgress";
					}
					if (type == "vertical") {
						var animateName = "animateHeightProgress";
					}

					if (isInView) {
						target.classList.add(animateName);
					} else {
						target.classList.remove(animateName);
					}
				});
			}
			if (animate == "onLoad") {
				const target = document.querySelector(wrapHandle);
				var isInView = isInViewport(target);

				var animateName = "animateWidthProgress";
				if (type == "horizontal") {
					var animateName = "animateWidthProgress";
				}
				if (type == "vertical") {
					var animateName = "animateHeightProgress";
				}

				if (isInView) {
					target.classList.add(animateName);
				} else {
					target.classList.remove(animateName);
				}
			}
		});
	}
});