/////////////////////
// Utilities
/////////////////////
function getDeepHeight ($el) {
var height = $el.height();
if (height > 0) {
return height;
} else if ($el.children().length == 0) {
return 0;
} else {
height = $el.children().toArray().map(function (el) {
return el.offsetHeight;
}).reduce(function (acc, cur) {
return acc+cur;
});
if (height > 0) {
return height;
} else {
for (var i = 0; i < $el.children().length; i++) {
height = getDeepHeight($el.children().eq(i));
if (height > 0) {
break;
}
}
}
return height;
}
}
// will return false if display: none or visibility: hidden
// opacity: 0 will return true
let isVisible = function (el) {
return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length);
}
let getHeightSum = function (elements) {
let sum = 0;
elements.forEach((el) => {
const rect = el.getBoundingClientRect();
sum += rect.height;
})
return sum;
}
function getLargestDistanceFromTopOfWindow(elements) {
let distance = 0;
elements.forEach((el) => {
distance = Math.max(distance, el.getBoundingClientRect().bottom);
});
return distance;
}
let isImportantStickElement = function (el, top_threshold, exclude_elements) {
const position = getComputedStyle(el, null).getPropertyValue("position");
return (
(position === "fixed" || position === "sticky")
&& (isVisible(el))
&& (el.getBoundingClientRect().top < top_threshold)
&& (!exclude_elements.includes(el))
);
}
let setFadeChildrenTransistionDelay = function (el) {
const children = [...el.children];
let delay = 150;
if (el.classList.contains('delay')) {
delay = 300;
} else if (el.classList.contains('delay-xl')) {
delay = 600;
}
children.forEach((child, index) => {
child.style.transitionDelay = (delay * index) + 'ms';
});
}
let initializeScrollMotion = function () {
const scrollMotionElements = [...document.querySelectorAll('.logosbase .scroll-motion')];
scrollMotionElements.forEach((el) => {
new ScrollMotion(el);
});
}
class ScrollMotion {
constructor(el) {
this.el = el;
this.scrollHandler = () => {
this.position = this.el.getBoundingClientRect().top - (window.innerHeight * 0.9);
if (isVisible(this.el) && this.position <= 0) {
if (this.el.classList.contains('fade-children')) {
setFadeChildrenTransistionDelay(this.el);
}
this.el.classList.add('active');
this.destroy();
}
}
this.scrollHandler();
document.addEventListener('scroll', this.scrollHandler);
}
destroy() {
document.removeEventListener('scroll',this.scrollHandler);
}
}
let initializeLoadMotion = function () {
const loadMotionElements = [...document.querySelectorAll('.logosbase .load-motion')];
loadMotionElements.forEach((el) => {
if (el.classList.contains('fade-children')) {
setFadeChildrenTransistionDelay(el);
}
el.classList.add('active');
});
}
/////////////////////
// HTML
/////////////////////
var ExpandCollapse = function (expandTxt, collapseTxt, groupId, className) {
if (!className) {
className = 'btn btn--secondary-outline';
}
var html = '';
html+='';
return html;
};
var CurrentNavItem = function (name) {
return ''+name+'
';
}
var DropDownToggle = function () {
return '';
};
var Popover = function (imageUrl) {
var html = '';
html+='';
html+='
';
html+='
';
html+='
';
html+='
';
html+='
';
html+='
';
html+='
';
html+='
';
html+='