/////////////////////
// Utilities
/////////////////////
// eslint-disable-next-line no-unused-vars
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);
};
// eslint-disable-next-line no-unused-vars
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 += '