Kinsey template: Update ScrollTrigger when content container dimensions are changed

/**
 * Update ScrollTrigger when content container
 * dimensions are changed
 */
const ro = new ResizeObserver(debounce(() => {
  ScrollTrigger.refresh();
  console.log('Refresh triggers');
}, 250));

document.addEventListener('arts/barba/transition/start', () => {
  ro.unobserve(window.$pageContent[0]);
});

document.addEventListener('DOMContentLoaded', () => {
  ro.observe(window.$pageContent[0]);
});

ro.observe(window.$pageContent[0]);