@hortonstudio/main 1.9.6 → 1.9.8

package/autoInit/accessibility.js

@@ -1,786 +0,0 @@
-export function init() {
-  // Centralized cleanup tracking
-  const cleanup = {
-    observers: [],
-    handlers: [],
-    scrollTimeout: null
-  };
-
-  const addObserver = (observer) => cleanup.observers.push(observer);
-  const addHandler = (element, event, handler, options) => {
-    element.addEventListener(event, handler, options);
-    cleanup.handlers.push({ element, event, handler, options });
-  };
-
-  function setupBlogListCleanup() {
-    const wrappers = document.querySelectorAll('[data-site-blog="wrapper"]');
-
-    wrappers.forEach(wrapper => {
-      // Check if wrapper has the delete-if-no-list config
-      const shouldDelete = wrapper.getAttribute('data-site-blog-config') === 'delete-if-no-list';
-
-      if (!shouldDelete) {
-        return;
-      }
-
-      // Check if there's a descendant with data-site-blog="list"
-      const hasList = wrapper.querySelector('[data-site-blog="list"]') !== null;
-
-      // Delete wrapper if it doesn't have a list
-      if (!hasList) {
-        wrapper.remove();
-      }
-    });
-  }
-
-  function setupGeneralAccessibility() {
-    setupListAccessibility();
-    setupRemoveListAccessibility();
-    setupFAQAccessibility(addHandler);
-    setupConvertToSpan();
-    setupYearReplacement();
-    setupPreventDefault(addHandler);
-    setupRichTextAccessibility(addObserver, addHandler, cleanup);
-    setupSummaryAccessibility(addHandler);
-    setupCustomValuesReplacement();
-    setupClickForwarding(addHandler);
-    setupTextSynchronization(addObserver);
-    setupBlogListCleanup();
-  }
-
-  function setupListAccessibility() {
-    const listElements = document.querySelectorAll('[data-hs-a11y="list"]');
-    const listItemElements = document.querySelectorAll('[data-hs-a11y="list-item"]');
-    
-    listElements.forEach(element => {
-      element.setAttribute('role', 'list');
-    });
-    
-    listItemElements.forEach(element => {
-      element.setAttribute('role', 'listitem');
-    });
-  }
-
-  function setupRemoveListAccessibility() {
-    const containers = document.querySelectorAll('[data-hs-a11y="remove-list"]');
-    
-    containers.forEach(container => {
-      // Remove role="list" and role="listitem" from container and all descendants
-      const elementsWithListRoles = container.querySelectorAll('[role="list"], [role="listitem"]');
-      elementsWithListRoles.forEach(element => {
-        element.removeAttribute('role');
-      });
-      
-      // Also remove from container itself if it has these roles
-      if (container.getAttribute('role') === 'list' || container.getAttribute('role') === 'listitem') {
-        container.removeAttribute('role');
-      }
-      
-      // Convert semantic lists to divs in container and all descendants
-      const listsToConvert = container.querySelectorAll('ul, ol, li');
-      listsToConvert.forEach(listElement => {
-        const newDiv = document.createElement('div');
-        
-        // Copy all attributes except role
-        Array.from(listElement.attributes).forEach(attr => {
-          if (attr.name !== 'role') {
-            newDiv.setAttribute(attr.name, attr.value);
-          }
-        });
-        
-        // Move all child nodes
-        while (listElement.firstChild) {
-          newDiv.appendChild(listElement.firstChild);
-        }
-        
-        // Replace the element
-        listElement.parentNode.replaceChild(newDiv, listElement);
-      });
-      
-      // Convert container itself if it's a semantic list
-      if (container.tagName.toLowerCase() === 'ul' || container.tagName.toLowerCase() === 'ol' || container.tagName.toLowerCase() === 'li') {
-        const newDiv = document.createElement('div');
-        
-        // Copy all attributes except data-hs-a11y and role
-        Array.from(container.attributes).forEach(attr => {
-          if (attr.name !== 'data-hs-a11y' && attr.name !== 'role') {
-            newDiv.setAttribute(attr.name, attr.value);
-          }
-        });
-        
-        // Move all child nodes
-        while (container.firstChild) {
-          newDiv.appendChild(container.firstChild);
-        }
-        
-        // Replace the container
-        container.parentNode.replaceChild(newDiv, container);
-      } else {
-        // Just remove the attribute if container isn't a semantic list
-      }
-    });
-  }
-
-  function setupFAQAccessibility(addHandler) {
-    const faqContainers = document.querySelectorAll('[data-hs-a11y="faq-wrap"]');
-
-    faqContainers.forEach((container, index) => {
-      const button = container.querySelector('[data-hs-a11y="faq-btn"]');
-      const contentWrapper = container.querySelector('[data-hs-a11y="faq-content"]');
-
-      if (!button || !contentWrapper) return;
-
-      const buttonId = `faq-button-${index}`;
-      const contentId = `faq-content-${index}`;
-
-      button.setAttribute('id', buttonId);
-      button.setAttribute('aria-expanded', 'false');
-      button.setAttribute('aria-controls', contentId);
-
-      contentWrapper.setAttribute('id', contentId);
-      contentWrapper.setAttribute('aria-hidden', 'true');
-      contentWrapper.setAttribute('role', 'region');
-      contentWrapper.setAttribute('aria-labelledby', buttonId);
-
-      function toggleFAQ() {
-        const isOpen = button.getAttribute('aria-expanded') === 'true';
-
-        button.setAttribute('aria-expanded', !isOpen);
-        contentWrapper.setAttribute('aria-hidden', isOpen);
-      }
-
-      addHandler(button, 'click', toggleFAQ);
-    });
-  }
-
-  function setupConvertToSpan() {
-    const containers = document.querySelectorAll('[data-hs-a11y="convert-span"]');
-    
-    containers.forEach(container => {
-      const skipTags = [
-        'span', 'a', 'button', 'input', 'textarea', 'select', 'img', 'video', 'audio',
-        'iframe', 'object', 'embed', 'canvas', 'svg', 'form', 'table', 'thead', 'tbody',
-        'tr', 'td', 'th', 'ul', 'ol', 'li', 'dl', 'dt', 'dd', 'h1', 'h2', 'h3', 'h4',
-        'h5', 'h6', 'script', 'style', 'link', 'meta', 'title', 'head', 'html', 'body'
-      ];
-      
-      // Convert all child elements first
-      const elementsToConvert = container.querySelectorAll('*');
-      
-      elementsToConvert.forEach(element => {
-        const tagName = element.tagName.toLowerCase();
-        
-        if (!skipTags.includes(tagName)) {
-          const newSpan = document.createElement('span');
-          
-          // Copy all attributes except data-hs-a11y
-          Array.from(element.attributes).forEach(attr => {
-            if (attr.name !== 'data-hs-a11y') {
-              newSpan.setAttribute(attr.name, attr.value);
-            }
-          });
-          
-          // Move all child nodes
-          while (element.firstChild) {
-            newSpan.appendChild(element.firstChild);
-          }
-          
-          // Replace the element
-          element.parentNode.replaceChild(newSpan, element);
-        }
-      });
-      
-      // Convert the container itself to span
-      const containerTagName = container.tagName.toLowerCase();
-      if (!skipTags.includes(containerTagName)) {
-        const newSpan = document.createElement('span');
-        
-        // Copy all attributes except data-hs-a11y
-        Array.from(container.attributes).forEach(attr => {
-          if (attr.name !== 'data-hs-a11y') {
-            newSpan.setAttribute(attr.name, attr.value);
-          }
-        });
-        
-        // Move all child nodes
-        while (container.firstChild) {
-          newSpan.appendChild(container.firstChild);
-        }
-        
-        // Replace the container
-        container.parentNode.replaceChild(newSpan, container);
-      } else {
-        // Just remove the attribute if container shouldn't be converted
-      }
-    });
-  }
-
-  function setupYearReplacement() {
-    const currentYear = new Date().getFullYear().toString();
-    const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 
-                        'July', 'August', 'September', 'October', 'November', 'December'];
-    const currentMonth = monthNames[new Date().getMonth()];
-    
-    const walker = document.createTreeWalker(
-      document.body,
-      NodeFilter.SHOW_TEXT,
-      {
-        acceptNode: (node) => {
-          return (node.textContent.includes('{{year}}') || node.textContent.includes('{{month}}'))
-            ? NodeFilter.FILTER_ACCEPT 
-            : NodeFilter.FILTER_SKIP;
-        }
-      }
-    );
-
-    const textNodes = [];
-    let node;
-    while (node = walker.nextNode()) {
-      textNodes.push(node);
-    }
-
-    textNodes.forEach(textNode => {
-      let newText = textNode.textContent.replace(/\{\{year\}\}/gi, currentYear);
-      newText = newText.replace(/\{\{month\}\}/gi, currentMonth);
-      if (newText !== textNode.textContent) {
-        textNode.textContent = newText;
-      }
-    });
-  }
-
-  function setupPreventDefault(addHandler) {
-    const elements = document.querySelectorAll('[data-hs-a11y="prevent-default"]');
-
-    elements.forEach(element => {
-      // Prevent click
-      const clickHandler = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        return false;
-      };
-      addHandler(element, 'click', clickHandler);
-
-      // Prevent keyboard activation
-      const keydownHandler = (e) => {
-        if (e.key === 'Enter' || e.key === ' ') {
-          e.preventDefault();
-          e.stopPropagation();
-          return false;
-        }
-      };
-      addHandler(element, 'keydown', keydownHandler);
-
-      // Additional prevention for anchor links
-      if (element.tagName.toLowerCase() === 'a') {
-        // Remove or modify href to prevent scroll
-        const originalHref = element.getAttribute('href');
-        if (originalHref && (originalHref === '#' || originalHref.startsWith('#'))) {
-          element.setAttribute('data-original-href', originalHref);
-          element.removeAttribute('href');
-          element.setAttribute('role', 'button');
-          element.setAttribute('tabindex', '0');
-        }
-      }
-    });
-  }
-
-  function setupSummaryAccessibility(addHandler) {
-    const summaryContainers = document.querySelectorAll('[data-hs-a11y="summary-wrap"]');
-
-    summaryContainers.forEach((container, index) => {
-      const button = container.querySelector('[data-hs-a11y="summary-btn"]');
-      const contentWrapper = container.querySelector('[data-hs-a11y="summary-content"]');
-
-      if (!button || !contentWrapper) {
-        return;
-      }
-
-      const buttonId = `summary-button-${index}`;
-      const contentId = `summary-content-${index}`;
-
-      // Get original button text from first text node only
-      const walker = document.createTreeWalker(
-        button,
-        NodeFilter.SHOW_TEXT,
-        null,
-        false
-      );
-
-      let firstTextNode = walker.nextNode();
-      while (firstTextNode && !firstTextNode.textContent.trim()) {
-        firstTextNode = walker.nextNode();
-      }
-
-      const originalButtonText = firstTextNode ? firstTextNode.textContent.trim() : button.textContent.trim();
-
-      // Function to update all text nodes in button
-      function updateButtonText(newText) {
-        // Find all text nodes and update them
-        const walker = document.createTreeWalker(
-          button,
-          NodeFilter.SHOW_TEXT,
-          null,
-          false
-        );
-
-        const textNodes = [];
-        let node;
-        while (node = walker.nextNode()) {
-          if (node.textContent.trim()) {
-            textNodes.push(node);
-          }
-        }
-
-        textNodes.forEach(textNode => {
-          textNode.textContent = newText;
-        });
-      }
-
-      button.setAttribute('id', buttonId);
-      button.setAttribute('aria-expanded', 'false');
-      button.setAttribute('aria-controls', contentId);
-      button.setAttribute('aria-label', 'View Summary');
-
-      contentWrapper.setAttribute('id', contentId);
-      contentWrapper.setAttribute('aria-hidden', 'true');
-      contentWrapper.setAttribute('role', 'region');
-      contentWrapper.setAttribute('aria-labelledby', buttonId);
-
-      // Summary is closed by default - no need to check initial state
-
-      function toggleSummary() {
-        const isOpen = button.getAttribute('aria-expanded') === 'true';
-
-        if (isOpen) {
-          // Closing
-          button.setAttribute('aria-expanded', 'false');
-          button.setAttribute('aria-label', 'View Summary');
-          updateButtonText(originalButtonText);
-          contentWrapper.setAttribute('aria-hidden', 'true');
-        } else {
-          // Opening
-          button.setAttribute('aria-expanded', 'true');
-          button.setAttribute('aria-label', 'Close Summary');
-          updateButtonText('Close');
-          contentWrapper.setAttribute('aria-hidden', 'false');
-        }
-      }
-
-      addHandler(button, 'click', toggleSummary);
-    });
-  }
-
-  function setupCustomValuesReplacement() {
-    const customValuesList = document.querySelector('[data-hs-a11y="custom-values-list"]');
-    
-    if (!customValuesList) {
-      return;
-    }
-
-    // Collect all custom values data
-    const customValues = {};
-    const descendants = customValuesList.getElementsByTagName('*');
-    
-    Array.from(descendants).forEach(descendant => {
-      const nameElement = descendant.querySelector('[data-hs-a11y="custom-values-name"]');
-      const valueElement = descendant.querySelector('[data-hs-a11y="custom-values-value"]');
-      
-      if (nameElement && valueElement) {
-        const name = nameElement.textContent.trim();
-        const value = valueElement.textContent.trim();
-        
-        if (name && value) {
-          customValues[name] = value;
-        }
-      }
-    });
-
-    // If no custom values found, exit early
-    if (Object.keys(customValues).length === 0) {
-      return;
-    }
-
-    // Replace text content efficiently using TreeWalker
-    const walker = document.createTreeWalker(
-      document.body,
-      NodeFilter.SHOW_TEXT,
-      {
-        acceptNode: (node) => {
-          // Check if any custom value names exist in the text content
-          const text = node.textContent;
-          for (const name in customValues) {
-            if (text.includes(`{{${name}}}`)) {
-              return NodeFilter.FILTER_ACCEPT;
-            }
-          }
-          return NodeFilter.FILTER_SKIP;
-        }
-      }
-    );
-
-    const textNodes = [];
-    let node;
-    while (node = walker.nextNode()) {
-      textNodes.push(node);
-    }
-
-    // Replace text in collected nodes
-    textNodes.forEach(textNode => {
-      let newText = textNode.textContent;
-      let hasChanges = false;
-      
-      for (const name in customValues) {
-        const placeholder = `{{${name}}}`;
-        if (newText.includes(placeholder)) {
-          newText = newText.replace(new RegExp(placeholder, 'g'), customValues[name]);
-          hasChanges = true;
-        }
-      }
-      
-      if (hasChanges) {
-        textNode.textContent = newText;
-      }
-    });
-
-    // Replace link hrefs
-    const links = document.querySelectorAll('a[href]');
-    links.forEach(link => {
-      let href = link.getAttribute('href');
-      let hasChanges = false;
-      
-      for (const name in customValues) {
-        const placeholder = `{{${name}}}`;
-        if (href.includes(placeholder)) {
-          href = href.replace(new RegExp(placeholder, 'g'), customValues[name]);
-          hasChanges = true;
-        }
-      }
-      
-      if (hasChanges) {
-        link.setAttribute('href', href);
-      }
-    });
-  }
-
-  function setupClickForwarding(addHandler) {
-    // Find all clickable elements (custom styled elements users click)
-    const clickableElements = document.querySelectorAll('[data-hs-a11y*="clickable"]');
-
-    clickableElements.forEach(clickableElement => {
-      const attribute = clickableElement.getAttribute('data-hs-a11y');
-
-      // Parse the attribute: "click-trigger-[identifier], clickable"
-      const parts = attribute.split(',').map(part => part.trim());
-
-      // Find the part with click-trigger and the part with clickable
-      const triggerPart = parts.find(part => part.startsWith('click-trigger-'));
-      const rolePart = parts.find(part => part === 'clickable');
-
-      if (!triggerPart || !rolePart) {
-        return;
-      }
-
-      // Extract identifier from "click-trigger-[identifier]"
-      const identifier = triggerPart.replace('click-trigger-', '').trim();
-
-      // Find the corresponding trigger element
-      const triggerSelector = `[data-hs-a11y*="click-trigger-${identifier}"][data-hs-a11y*="trigger"]`;
-      const triggerElement = document.querySelector(triggerSelector);
-
-      if (!triggerElement) {
-        return;
-      }
-
-      // Add click event listener to forward clicks
-      const clickHandler = (event) => {
-        // Prevent default behavior on the clickable element
-        event.preventDefault();
-        event.stopPropagation();
-
-        // Trigger click on the target element
-        triggerElement.click();
-      };
-      addHandler(clickableElement, 'click', clickHandler);
-
-      // Also handle keyboard events for accessibility
-      const keydownHandler = (event) => {
-        if (event.key === 'Enter' || event.key === ' ') {
-          event.preventDefault();
-          event.stopPropagation();
-          triggerElement.click();
-        }
-      };
-      addHandler(clickableElement, 'keydown', keydownHandler);
-
-      // Ensure clickable element is keyboard accessible
-      if (!clickableElement.hasAttribute('tabindex')) {
-        clickableElement.setAttribute('tabindex', '0');
-      }
-      if (!clickableElement.hasAttribute('role')) {
-        clickableElement.setAttribute('role', 'button');
-      }
-    });
-  }
-
-  function setupTextSynchronization(addObserver) {
-    // Find all original elements (source of truth)
-    const originalElements = document.querySelectorAll('[data-hs-a11y*="original"]');
-
-    originalElements.forEach(originalElement => {
-      const attribute = originalElement.getAttribute('data-hs-a11y');
-
-      // Parse the attribute: "match-text-[identifier], original"
-      const parts = attribute.split(',').map(part => part.trim());
-
-      // Find the part with match-text and the part with original
-      const textPart = parts.find(part => part.startsWith('match-text-'));
-      const rolePart = parts.find(part => part === 'original');
-
-      if (!textPart || !rolePart) {
-        return;
-      }
-
-      // Extract identifier from "match-text-[identifier]"
-      const identifier = textPart.replace('match-text-', '').trim();
-
-      // Find all corresponding match elements
-      const matchSelector = `[data-hs-a11y*="match-text-${identifier}"][data-hs-a11y*="match"]`;
-      const matchElements = document.querySelectorAll(matchSelector);
-
-      if (matchElements.length === 0) {
-        return;
-      }
-
-      // Function to synchronize text and aria-label
-      function synchronizeContent() {
-        const originalText = originalElement.textContent;
-        const originalAriaLabel = originalElement.getAttribute('aria-label');
-
-        matchElements.forEach(matchElement => {
-          // Copy text content
-          matchElement.textContent = originalText;
-
-          // Synchronize aria-label
-          if (originalAriaLabel) {
-            // If original has aria-label, copy it to match
-            matchElement.setAttribute('aria-label', originalAriaLabel);
-          } else {
-            // If original has no aria-label, remove it from match (keep in sync)
-            if (matchElement.hasAttribute('aria-label')) {
-              matchElement.removeAttribute('aria-label');
-            }
-          }
-        });
-      }
-
-      // Initial synchronization
-      synchronizeContent();
-
-      // Set up MutationObserver to watch for changes
-      const observer = new MutationObserver((mutations) => {
-        let shouldSync = false;
-
-        mutations.forEach((mutation) => {
-          if (mutation.type === 'childList' ||
-              mutation.type === 'characterData' ||
-              (mutation.type === 'attributes' && mutation.attributeName === 'aria-label')) {
-            shouldSync = true;
-          }
-        });
-
-        if (shouldSync) {
-          synchronizeContent();
-        }
-      });
-
-      // Observe text changes and attribute changes
-      observer.observe(originalElement, {
-        childList: true,
-        subtree: true,
-        characterData: true,
-        attributes: true,
-        attributeFilter: ['aria-label']
-      });
-
-      addObserver(observer);
-    });
-  }
-
-  function setupRichTextAccessibility(addObserver, addHandler, cleanup) {
-    const contentAreas = document.querySelectorAll('[data-hs-a11y="rich-content"]');
-    const tocLists = document.querySelectorAll('[data-hs-a11y="rich-toc"]');
-
-    contentAreas.forEach((contentArea) => {
-      // Since there's only 1 content area and 1 TOC list per page, use the first TOC list
-      const tocList = tocLists[0];
-
-      if (!tocList) {
-        return;
-      }
-
-      if (tocList.children.length === 0) {
-        return;
-      }
-
-      const template = tocList.children[0].cloneNode(true);
-      // Remove is-active class from template if it exists
-      const templateLink = template.querySelector("a");
-      if (templateLink) {
-        templateLink.classList.remove('is-active');
-      }
-
-      // Clear all original TOC items
-      tocList.innerHTML = "";
-
-      const h2Headings = contentArea.querySelectorAll("h2");
-
-
-      // Create sections and wrap content
-      h2Headings.forEach((heading) => {
-        const sectionId = heading.textContent
-          .toLowerCase()
-          .replace(/[^a-z0-9]+/g, "-")
-          .replace(/(^-|-$)/g, "");
-
-        const section = document.createElement("div");
-        section.id = sectionId;
-        heading.parentNode.insertBefore(section, heading);
-        section.appendChild(heading);
-        let nextElement = section.nextElementSibling;
-        while (nextElement && nextElement.tagName !== "H2") {
-          const elementToMove = nextElement;
-          nextElement = nextElement.nextElementSibling;
-          section.appendChild(elementToMove);
-        }
-      });
-
-      // Create TOC entries
-      h2Headings.forEach((heading, index) => {
-        const tocItem = template.cloneNode(true);
-        const link = tocItem.querySelector("a");
-        const sectionId = heading.parentElement.id;
-        link.href = "#" + sectionId;
-
-
-        // Bold numbered text
-        const number = document.createElement("strong");
-        number.textContent = index + 1 + ". ";
-
-        // Clear the link and add the number + text
-        link.innerHTML = "";
-        link.appendChild(number);
-        link.appendChild(document.createTextNode(heading.textContent));
-
-        // Add click handler for smooth scrolling
-        const clickHandler = (e) => {
-          e.preventDefault();
-
-          const targetSection = document.getElementById(sectionId);
-          if (targetSection) {
-            targetSection.scrollIntoView({ behavior: "smooth" });
-            // Focus on the section for accessibility (will only show outline for keyboard users due to CSS)
-            setTimeout(() => {
-              targetSection.focus();
-            }, 100);
-          }
-        };
-        addHandler(link, "click", clickHandler);
-
-        // Ensure sections are focusable for keyboard users but use CSS to control focus visibility
-        const targetSection = document.getElementById(sectionId);
-        if (targetSection) {
-          targetSection.setAttribute("tabindex", "-1");
-          // Use focus-visible to only show outline for keyboard focus
-          targetSection.style.outline = "none";
-          targetSection.style.setProperty("outline", "none", "important");
-        }
-
-        // Add item to the TOC list
-        tocList.appendChild(tocItem);
-      });
-
-      // Set up IntersectionObserver for active state (Webflow-style)
-      const sections = Array.from(h2Headings).map(heading => heading.parentElement);
-      const tocLinks = tocList.querySelectorAll('a');
-      let currentActive = null;
-
-      const updateActiveLink = () => {
-        const windowHeight = window.innerHeight;
-        const trigger = windowHeight * 0.75; // 25% from bottom
-
-        let newActive = null;
-
-        // Find the last section whose top is above the trigger point
-        for (let i = sections.length - 1; i >= 0; i--) {
-          const rect = sections[i].getBoundingClientRect();
-          if (rect.top <= trigger) {
-            newActive = sections[i].id;
-            break;
-          }
-        }
-
-        // Only update if active section changed
-        if (newActive !== currentActive) {
-          currentActive = newActive;
-
-          // Remove all is-active
-          tocLinks.forEach(link => link.classList.remove('is-active'));
-
-          // Add to current
-          if (currentActive) {
-            const activeLink = Array.from(tocLinks).find(link =>
-              link.getAttribute('href') === `#${currentActive}`
-            );
-            if (activeLink) {
-              activeLink.classList.add('is-active');
-            }
-          }
-        }
-      };
-
-      const observerOptions = {
-        rootMargin: '0px 0px -75% 0px',
-        threshold: 0
-      };
-
-      const observer = new IntersectionObserver(() => {
-        updateActiveLink();
-      }, observerOptions);
-
-      // Observe all sections
-      sections.forEach(section => observer.observe(section));
-      addObserver(observer);
-
-      // Also update on scroll for smoother tracking
-      const scrollHandler = () => {
-        if (cleanup.scrollTimeout) clearTimeout(cleanup.scrollTimeout);
-        cleanup.scrollTimeout = setTimeout(updateActiveLink, 50);
-      };
-      addHandler(window, 'scroll', scrollHandler);
-
-    });
-  }
-
-  setupGeneralAccessibility();
-
-  return {
-    result: "accessibility initialized",
-    destroy: () => {
-      // Disconnect all observers
-      cleanup.observers.forEach(obs => obs.disconnect());
-      cleanup.observers.length = 0;
-
-      // Remove all event listeners
-      cleanup.handlers.forEach(({ element, event, handler, options }) => {
-        element.removeEventListener(event, handler, options);
-      });
-      cleanup.handlers.length = 0;
-
-      // Clear scroll timeout
-      if (cleanup.scrollTimeout) {
-        clearTimeout(cleanup.scrollTimeout);
-        cleanup.scrollTimeout = null;
-      }
-    }
-  };
-}