108 lines
2.5 KiB
JavaScript
108 lines
2.5 KiB
JavaScript
/**
|
|
* DO NOT EDIT THIS FILE.
|
|
* See the following change record for more information,
|
|
* https://www.drupal.org/node/2815083
|
|
* @preserve
|
|
**/
|
|
|
|
(function ($, Drupal, debounce) {
|
|
let offsets = {
|
|
top: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
left: 0
|
|
};
|
|
|
|
function getRawOffset(el, edge) {
|
|
const $el = $(el);
|
|
const documentElement = document.documentElement;
|
|
let displacement = 0;
|
|
const horizontal = edge === 'left' || edge === 'right';
|
|
let placement = $el.offset()[horizontal ? 'left' : 'top'];
|
|
placement -= window[`scroll${horizontal ? 'X' : 'Y'}`] || document.documentElement[`scroll${horizontal ? 'Left' : 'Top'}`] || 0;
|
|
|
|
switch (edge) {
|
|
case 'top':
|
|
displacement = placement + $el.outerHeight();
|
|
break;
|
|
|
|
case 'left':
|
|
displacement = placement + $el.outerWidth();
|
|
break;
|
|
|
|
case 'bottom':
|
|
displacement = documentElement.clientHeight - placement;
|
|
break;
|
|
|
|
case 'right':
|
|
displacement = documentElement.clientWidth - placement;
|
|
break;
|
|
|
|
default:
|
|
displacement = 0;
|
|
}
|
|
|
|
return displacement;
|
|
}
|
|
|
|
function calculateOffset(edge) {
|
|
let edgeOffset = 0;
|
|
const displacingElements = document.querySelectorAll(`[data-offset-${edge}]`);
|
|
const n = displacingElements.length;
|
|
|
|
for (let i = 0; i < n; i++) {
|
|
const el = displacingElements[i];
|
|
|
|
if (el.style.display === 'none') {
|
|
continue;
|
|
}
|
|
|
|
let displacement = parseInt(el.getAttribute(`data-offset-${edge}`), 10);
|
|
|
|
if (isNaN(displacement)) {
|
|
displacement = getRawOffset(el, edge);
|
|
}
|
|
|
|
edgeOffset = Math.max(edgeOffset, displacement);
|
|
}
|
|
|
|
return edgeOffset;
|
|
}
|
|
|
|
function calculateOffsets() {
|
|
return {
|
|
top: calculateOffset('top'),
|
|
right: calculateOffset('right'),
|
|
bottom: calculateOffset('bottom'),
|
|
left: calculateOffset('left')
|
|
};
|
|
}
|
|
|
|
function displace(broadcast) {
|
|
offsets = calculateOffsets();
|
|
Drupal.displace.offsets = offsets;
|
|
|
|
if (typeof broadcast === 'undefined' || broadcast) {
|
|
$(document).trigger('drupalViewportOffsetChange', offsets);
|
|
}
|
|
|
|
return offsets;
|
|
}
|
|
|
|
Drupal.behaviors.drupalDisplace = {
|
|
attach() {
|
|
if (this.displaceProcessed) {
|
|
return;
|
|
}
|
|
|
|
this.displaceProcessed = true;
|
|
$(window).on('resize.drupalDisplace', debounce(displace, 200));
|
|
}
|
|
|
|
};
|
|
Drupal.displace = displace;
|
|
$.extend(Drupal.displace, {
|
|
offsets,
|
|
calculateOffset
|
|
});
|
|
})(jQuery, Drupal, Drupal.debounce); |