@hortonstudio/main 1.2.15 → 1.2.19

package/index.js

@@ -0,0 +1,232 @@
+const API_NAME = 'hsmain';
+
+const initializeHsMain = async () => {
+  if (window[API_NAME] && !Array.isArray(window[API_NAME]) && window[API_NAME].loaded) {
+    return;
+  }
+
+  const queuedModules = Array.isArray(window[API_NAME]) ? window[API_NAME] : [];
+
+  const animationModules = {
+    'data-hs-anim-text': true,
+    'data-hs-anim-hero': true,
+    'data-hs-anim-transition': true
+  };
+
+  const utilityModules = {
+    'data-hs-util-toc': true,
+    'data-hs-util-progress': true,
+    'data-hs-util-navbar': true
+  };
+
+  const autoInitModules = {
+    'smooth-scroll': true
+  };
+
+  const allDataAttributes = { ...animationModules, ...utilityModules };
+
+  const waitForWebflow = async () => new Promise(resolve => {
+    if (!window.Webflow) window.Webflow = [];
+    window.Webflow.push(resolve);
+  });
+
+  const waitForDOMContentLoaded = async () => new Promise(resolve => {
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', resolve);
+    } else {
+      resolve();
+    }
+  });
+
+  const moduleMap = {
+    'data-hs-anim-text': () => import('./animations/text.js'),
+    'data-hs-anim-hero': () => import('./animations/hero.js'),
+    'data-hs-anim-transition': () => import('./animations/transition.js'),
+    'data-hs-util-toc': () => import('./utils/toc.js'),
+    'data-hs-util-progress': () => import('./utils/scroll-progress.js'),
+    'data-hs-util-navbar': () => import('./utils/navbar.js'),
+    'smooth-scroll': () => import('./autoInit/smooth-scroll.js')
+  };
+
+  let scripts = [...document.querySelectorAll(`script[type="module"][src="${import.meta.url}"]`)];
+  
+  if (scripts.length === 0) {
+    scripts = [...document.querySelectorAll('script[type="module"][src*="@hortonstudio/main"]')]
+      .filter(script => {
+        const scriptSrc = script.src;
+        const currentSrc = import.meta.url;
+        const scriptPackage = scriptSrc.match(/@hortonstudio\/main(@[\d.]+)?/)?.[0];
+        const currentPackage = currentSrc.match(/@hortonstudio\/main(@[\d.]+)?/)?.[0];
+        return scriptPackage && currentPackage && 
+               scriptPackage.split('@')[0] === currentPackage.split('@')[0];
+      });
+  }
+
+  const loadModule = async (moduleName) => {
+    const instance = window[API_NAME];
+    if (instance.process.has(moduleName)) {
+      return instance.modules[moduleName]?.loading;
+    }
+
+    instance.process.add(moduleName);
+
+    const moduleData = instance.modules[moduleName] || {};
+    instance.modules[moduleName] = moduleData;
+
+    moduleData.loading = new Promise((resolve, reject) => {
+      moduleData.resolve = resolve;
+      moduleData.reject = reject;
+    });
+
+    try {
+      const { init, version } = await moduleMap[moduleName]();
+      const result = await init();
+      const { result: initResult, destroy } = result || {};
+
+      moduleData.version = version;
+      moduleData.destroy = () => {
+        destroy?.();
+        instance.process.delete(moduleName);
+      };
+      moduleData.restart = () => {
+        moduleData.destroy?.();
+        instance.load(moduleName);
+      };
+
+      moduleData.resolve?.(initResult);
+      delete moduleData.resolve;
+      delete moduleData.reject;
+
+      return initResult;
+    } catch (error) {
+      moduleData.reject?.(error);
+      instance.process.delete(moduleName);
+      throw error;
+    }
+  };
+
+  const readyCallbacks = [];
+
+  window[API_NAME] = {
+    scripts,
+    modules: {},
+    process: new Set(),
+    load: loadModule,
+    loaded: false,
+    push(...items) {
+      for (const [moduleName, callback] of items) {
+        if (typeof callback === 'function') {
+          this.modules[moduleName]?.loading?.then(callback);
+        } else {
+          this.load(moduleName);
+        }
+      }
+    },
+    destroy() {
+      for (const moduleName in this.modules) {
+        this.modules[moduleName]?.destroy?.();
+      }
+    },
+    afterReady(callback) {
+      if (typeof callback === 'function') {
+        if (this.loaded) {
+          callback();
+        } else {
+          readyCallbacks.push(callback);
+        }
+      }
+    },
+    afterWebflowReady(callback) {
+      if (typeof callback === 'function') {
+        if (this.loaded) {
+          callback();
+        } else {
+          readyCallbacks.push(callback);
+        }
+      }
+    },
+    status(moduleName) {
+      if (moduleName) {
+        return {
+          loaded: !!this.modules[moduleName],
+          loading: this.process.has(moduleName)
+        };
+      }
+      return {
+        loaded: Object.keys(this.modules),
+        loading: [...this.process],
+        animations: Object.keys(animationModules),
+        utilities: Object.keys(utilityModules),
+        autoInit: Object.keys(autoInitModules)
+      };
+    }
+  };
+
+  const processModules = () => {
+    for (const script of scripts) {
+      const isAutoDetect = script.getAttribute('data-hs-auto') === 'true';
+
+      for (const attrName of Object.keys(allDataAttributes)) {
+        if (script.hasAttribute(attrName)) {
+          loadModule(attrName);
+        }
+      }
+
+      if (isAutoDetect) {
+        waitForDOMContentLoaded().then(() => {
+          const foundAttributes = new Set();
+          const allElements = document.querySelectorAll('*');
+          
+          for (const element of allElements) {
+            for (const attrName of element.getAttributeNames()) {
+              const match = attrName.match(/^(data-hs-(?:anim|util)-[^-=]+)/)?.[1];
+              if (match && allDataAttributes[match]) {
+                foundAttributes.add(match);
+              }
+            }
+          }
+
+          for (const attrName of foundAttributes) {
+            loadModule(attrName);
+          }
+        });
+      }
+    }
+
+    for (const moduleName of Object.keys(autoInitModules)) {
+      loadModule(moduleName);
+    }
+
+    if (!scripts.some(script => script.hasAttribute('data-hs-anim-transition'))) {
+      document.querySelectorAll('.transition').forEach(element => {
+        element.style.display = 'none';
+      });
+    }
+  };
+
+  document.querySelectorAll('.w-richtext').forEach(richtext => {
+    richtext.querySelectorAll('img').forEach(img => {
+      img.loading = 'eager';
+    });
+  });
+
+  const finalize = async () => {
+    processModules();
+    await waitForWebflow();
+    window[API_NAME].loaded = true;
+    readyCallbacks.forEach(callback => {
+      try {
+        callback();
+      } catch (error) {
+        // Silent fail for callbacks
+      }
+    });
+  };
+
+  window[API_NAME].push(...queuedModules);
+  finalize().catch(() => {
+    // Silent fail for initialization
+  });
+};
+
+initializeHsMain();

package/package.json

@@ -1,12 +1,9 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.2.15",
-  "description": "Core animation and utility library for client websites",
-  "main": "dist/index.js",
+  "version": "1.2.19",
+  "description": "Animation and utility library for client websites",
+  "main": "index.js",
   "type": "module",
-  "files": [
-    "dist/**/*"
-  ],
   "keywords": [
     "animation",
     "gsap",
@@ -16,23 +13,6 @@
   "author": "Horton Studio",
   "license": "ISC",
   "scripts": {
-    "build": "tsx bin/build.ts",
-    "build:dev": "tsx bin/build.ts --dev",
-    "dev": "tsx bin/build.ts --dev --watch",
-    "prepublishOnly": "npm run build"
-  },
-  "dependencies": {
-    "@hortonstudio/main-anim-hero": "^1.0.0",
-    "@hortonstudio/main-anim-text": "^1.0.0",
-    "@hortonstudio/main-anim-transition": "^1.0.0",
-    "@hortonstudio/main-util-navbar": "^1.0.0",
-    "@hortonstudio/main-util-toc": "^1.0.0",
-    "@hortonstudio/main-util-progress": "^1.0.0",
-    "@hortonstudio/main-smooth-scroll": "^1.0.0"
-  },
-  "devDependencies": {
-    "esbuild": "^0.19.0",
-    "tsx": "^4.0.0",
-    "typescript": "^5.0.0"
+    "test": "echo \"Error: no test specified\" && exit 1"
   }
 }

package/styles.css

@@ -0,0 +1,29 @@
+/* transition */
+body .transition {display: block}
+.w-editor .transition {display: none;}
+.no-scroll-transition {overflow: hidden; position: relative;}
+
+/* splittext */
+.line-mask, .word-mask, .char-mask {
+    padding-bottom: .1em;
+    margin-bottom: -.1em;
+    padding-inline: .1em;
+    margin-inline: -.1em;
+}
+
+
+/* scroll cleanliness */
+html, body {
+    overscroll-behavior: none;
+    scrollbar-gutter: stable;
+  }
+
+/* TOC focus handling - only show focus outline for keyboard navigation */
+[data-hs-toc] div[id]:focus:not(:focus-visible) {
+    outline: none !important;
+}
+
+[data-hs-toc] div[id]:focus-visible {
+    outline: 2px solid #007bff !important;
+    outline-offset: 2px;
+}

package/utils/navbar.js

@@ -0,0 +1,214 @@
+export const init = () => {
+  // Find all dropdown wrappers
+  const dropdownWrappers = document.querySelectorAll('[data-hs-nav-dropdown="wrapper"]');
+  
+  // Global array to track all dropdown instances
+  const allDropdowns = [];
+  
+  // Function to close all dropdowns except the specified one
+  const closeAllDropdowns = (exceptWrapper = null) => {
+    allDropdowns.forEach(dropdown => {
+      if (dropdown.wrapper !== exceptWrapper && dropdown.isOpen) {
+        dropdown.closeDropdown();
+      }
+    });
+  };
+  
+  dropdownWrappers.forEach(wrapper => {
+    const animationDuration = 0.3;
+    
+    // Find elements within this wrapper
+    const toggle = wrapper.querySelector('a'); // the toggle link
+    const list = wrapper.querySelector('[data-hs-nav-dropdown="list"]');
+    const contain = list.querySelector('[data-hs-nav-dropdown="container"]');
+    const arrow = toggle.querySelector('[data-hs-nav-dropdown="arrow"]');
+    const text = toggle.querySelector('[data-hs-nav-dropdown="text"]'); // find the text element
+    
+    // Set initial states with GSAP
+    gsap.set(contain, { yPercent: -110 });
+    gsap.set(list, { display: 'none' });
+    gsap.set(arrow, { rotation: 0, scale: 1, x: 0, color: '' });
+    gsap.set(text, { scale: 1, color: '' }); // empty string = default color
+    
+    // Track if dropdown is open
+    let isOpen = false;
+    let currentTimeline = null;
+    
+    // Open animation
+    function openDropdown() {
+      if (isOpen) return;
+      
+      // Kill any existing timeline
+      if (currentTimeline) {
+        currentTimeline.kill();
+      }
+      
+      // Close all other dropdowns first
+      closeAllDropdowns(wrapper);
+      
+      isOpen = true;
+      
+      // Update ARIA states
+      toggle.setAttribute('aria-expanded', 'true');
+      list.setAttribute('aria-hidden', 'false');
+      
+      // GSAP animation
+      currentTimeline = gsap.timeline();
+      currentTimeline.set(list, { display: 'flex' })
+        .to(contain, { 
+          yPercent: 0, 
+          duration: animationDuration, 
+          ease: 'ease' 
+        }, 0)
+        .to(arrow, { 
+          rotation: 90,
+          scale: 1.2,
+          x: 4,
+          color: 'var(--swatch--brand)',
+          duration: animationDuration, 
+          ease: 'ease' 
+        }, 0)
+        .to(text, {
+          scale: 1.1,
+          color: 'var(--swatch--brand)',
+          duration: animationDuration,
+          ease: 'ease'
+        }, 0);
+    }
+    
+    // Close animation  
+    function closeDropdown() {
+      if (!isOpen) return;
+      
+      // Kill any existing timeline
+      if (currentTimeline) {
+        currentTimeline.kill();
+      }
+      
+      // Check if focus should be restored to toggle
+      const shouldRestoreFocus = list.contains(document.activeElement);
+      
+      isOpen = false;
+      currentMenuItemIndex = -1;
+      
+      // Update ARIA states
+      toggle.setAttribute('aria-expanded', 'false');
+      list.setAttribute('aria-hidden', 'true');
+      
+      // Temporarily remove role="menu" to help screen readers understand menu is closed
+      const originalRole = list.getAttribute('role');
+      list.removeAttribute('role');
+      
+      // GSAP animation
+      currentTimeline = gsap.timeline();
+      currentTimeline.to(contain, { 
+          yPercent: -110, 
+          duration: animationDuration, 
+          ease: 'ease' 
+        }, 0)
+        .to(arrow, { 
+          rotation: 0,
+          scale: 1,
+          x: 0,
+          color: '', // back to default color
+          duration: animationDuration, 
+          ease: 'ease' 
+        }, 0)
+        .to(text, {
+          scale: 1,
+          color: '', // back to default color
+          duration: animationDuration,
+          ease: 'ease'
+        }, 0)
+        .set(list, { display: 'none' })
+        .call(() => {
+          // Restore role after animation completes
+          list.setAttribute('role', originalRole || 'menu');
+        });
+      
+      // Restore focus to toggle only if focus was inside dropdown
+      if (shouldRestoreFocus) {
+        // Small delay to ensure screen reader announces the state change
+        setTimeout(() => {
+          toggle.focus();
+        }, 50);
+      }
+    }
+    
+    // Get all menu items for navigation
+    const menuItems = list.querySelectorAll('a, button, [role="menuitem"]');
+    let currentMenuItemIndex = -1;
+    
+    // Hover events
+    toggle.addEventListener('mouseenter', openDropdown);
+    wrapper.addEventListener('mouseleave', closeDropdown);
+    
+    // Arrow key navigation within dropdown
+    list.addEventListener('keydown', function(e) {
+      if (!isOpen) return;
+      
+      if (e.key === 'ArrowDown') {
+        e.preventDefault();
+        currentMenuItemIndex = (currentMenuItemIndex + 1) % menuItems.length;
+        menuItems[currentMenuItemIndex].focus();
+      } else if (e.key === 'ArrowUp') {
+        e.preventDefault();
+        currentMenuItemIndex = currentMenuItemIndex <= 0 ? menuItems.length - 1 : currentMenuItemIndex - 1;
+        menuItems[currentMenuItemIndex].focus();
+      } else if (e.key === 'Escape') {
+        e.preventDefault();
+        closeDropdown();
+        toggle.focus();
+      }
+    });
+    
+    // Keyboard events for toggle
+    toggle.addEventListener('keydown', function(e) {
+      if (e.key === 'ArrowDown') {
+        e.preventDefault();
+        openDropdown();
+        // Focus first menu item after opening
+        if (menuItems.length > 0) {
+          currentMenuItemIndex = 0;
+          setTimeout(() => menuItems[0].focus(), 50);
+        }
+      } else if (e.key === ' ') {
+        e.preventDefault();
+        // Simple toggle: if closed open, if open close
+        if (isOpen) {
+          closeDropdown();
+        } else {
+          openDropdown();
+        }
+      } else if (e.key === 'ArrowUp' || e.key === 'Escape') {
+        e.preventDefault();
+        closeDropdown();
+      }
+    });
+    
+    // Close dropdown when clicking outside
+    document.addEventListener('click', function(e) {
+      if (!wrapper.contains(e.target) && isOpen) {
+        closeDropdown();
+      }
+    });
+    
+    // Add this dropdown instance to the global array
+    allDropdowns.push({
+      wrapper,
+      isOpen: () => isOpen,
+      closeDropdown
+    });
+  });
+  
+  // Global focus management - close dropdown when tab focus moves outside
+  document.addEventListener('focusin', function(e) {
+    allDropdowns.forEach(dropdown => {
+      if (dropdown.isOpen() && !dropdown.wrapper.contains(e.target)) {
+        dropdown.closeDropdown();
+      }
+    });
+  });
+
+  return { result: 'navbar initialized' };
+};

package/utils/scroll-progress.js

@@ -0,0 +1,29 @@
+export async function init() {
+    const progressBar = document.querySelector('[data-hs-progress="bar"]');
+    const progressContent = document.querySelector('[data-hs-progress="wrapper"]');
+    
+    // Check if elements exist before using them
+    if (!progressBar || !progressContent) {
+        return {
+            result: 'util-scroll-progress initialized'
+        };
+    }
+
+    gsap.set(progressBar, { width: "0%" });
+
+    // Create the scroll progress animation
+    gsap.to(progressBar, {
+        width: "100%",
+        ease: "none",
+        scrollTrigger: {
+            trigger: progressContent,
+            start: "top bottom",
+            end: "bottom bottom",
+            scrub: true
+        }
+    });
+
+    return {
+        result: 'util-scroll-progress initialized'
+    };
+}

package/utils/toc.js

@@ -0,0 +1,77 @@
+export async function init() {
+    const contentArea = document.querySelector('[data-hs-toc="content"]');
+    const tocList = document.querySelector('[data-hs-toc="list"]');
+
+    // Check main elements
+    if (!contentArea) { return; }
+    if (!tocList) { return; }
+    if (tocList.children.length === 0) { return; }
+
+    const template = tocList.children[0];
+    tocList.innerHTML = '';
+    const h2Headings = contentArea.querySelectorAll('h2');
+
+    // Create sections and wrap content
+    h2Headings.forEach((heading, index) => {
+        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
+        link.addEventListener('click', (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);
+            }
+        });
+        
+        // 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);
+    });
+
+    return {
+        result: 'util-toc initialized'
+    };
+}

package/dist/index.js

@@ -1 +0,0 @@
-var n="hsmain",S=async()=>{if(window[n]&&!Array.isArray(window[n])&&window[n].loaded)return;let w=Array.isArray(window[n])?window[n]:[],h={"data-hs-anim-text":!0,"data-hs-anim-hero":!0,"data-hs-anim-transition":!0},f={"data-hs-util-toc":!0,"data-hs-util-progress":!0,"data-hs-util-navbar":!0},m={"smooth-scroll":!0},y={...h,...f},{loadModule:p}=await import("./src-load-3UYE3H3N.js"),g=async()=>new Promise(t=>{window.Webflow||(window.Webflow=[]),window.Webflow.push(t)}),A=async()=>new Promise(t=>{document.readyState==="loading"?document.addEventListener("DOMContentLoaded",t):t()}),a=[...document.querySelectorAll(`script[type="module"][src="${import.meta.url}"]`)];a.length===0&&(a=[...document.querySelectorAll('script[type="module"][src*="@hortonstudio/main"]')].filter(e=>{let o=e.src,s=import.meta.url,i=o.match(/@hortonstudio\/main(@[\d.]+)?/)?.[0],r=s.match(/@hortonstudio\/main(@[\d.]+)?/)?.[0];return i&&r&&i.split("@")[0]===r.split("@")[0]}));let l=async t=>{let e=window[n];if(e.process.has(t))return e.modules[t]?.loading;e.process.add(t);let o=e.modules[t]||{};e.modules[t]=o,o.loading=new Promise((s,i)=>{o.resolve=s,o.reject=i});try{let{init:s,version:i}=await p(t),r=await s(),{result:d,destroy:c}=r||{};return o.version=i,o.destroy=()=>{c?.(),e.process.delete(t)},o.restart=()=>(o.destroy?.(),e.load(t)),o.resolve?.(d),delete o.resolve,delete o.reject,d}catch(s){throw o.reject?.(s),e.process.delete(t),s}},u=[];window[n]={scripts:a,modules:{},process:new Set,load:l,loaded:!1,push(...t){for(let[e,o]of t)typeof o=="function"?this.modules[e]?.loading?.then(o):this.load(e)},destroy(){for(let t in this.modules)this.modules[t]?.destroy?.()},afterReady(t){typeof t=="function"&&(this.loaded?t():u.push(t))},afterWebflowReady(t){typeof t=="function"&&(this.loaded?t():u.push(t))},status(t){return t?{loaded:!!this.modules[t],loading:this.process.has(t)}:{loaded:Object.keys(this.modules),loading:[...this.process],animations:Object.keys(h),utilities:Object.keys(f),autoInit:Object.keys(m)}}};let b=()=>{for(let e of a){let o=e.getAttribute("data-hs-auto")==="true";for(let s of Object.keys(y))e.hasAttribute(s)&&l(s);o&&A().then(()=>{let s=new Set,i=document.querySelectorAll("*");for(let r of i)for(let d of r.getAttributeNames()){let c=d.match(/^(data-hs-(?:anim|util)-[^-=]+)/)?.[1];c&&y[c]&&s.add(c)}for(let r of s)l(r)})}for(let e of Object.keys(m))l(e);a.some(e=>e.hasAttribute("data-hs-anim-transition"))||document.querySelectorAll(".transition").forEach(o=>{o.style.display="none"})};document.querySelectorAll(".w-richtext").forEach(t=>{t.querySelectorAll("img").forEach(o=>{o.loading="eager"})});let M=async()=>{b(),await g(),window[n].loaded=!0,u.forEach(t=>{try{t()}catch{}})};window[n].push(...w),M().catch(()=>{})};S();

package/dist/src-hero-UYNS76KU.js

@@ -1 +0,0 @@
-var m="hsmain",D=()=>window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,c={announce:0,nav:.1,navLogo:.3,navList:.35,navMenu:.35,navButton:.5,tag:.1,heading:.15,subheading:.25,button:.35,image:.5,appear:.6},r=null,y=[],C=[],x=null,e={global:{animationDelay:.2},headingSplit:{duration:1.5,stagger:.1,yPercent:110,ease:"power4.out"},subheadingSplit:{duration:1.5,stagger:.1,yPercent:110,ease:"power4.out"},appear:{y:50,duration:1.5,ease:"power3.out"},navStagger:{duration:1.5,stagger:.1,ease:"power3.out"},nav:{duration:1,ease:"power3.out"}};function B(p){function i(t,s){for(let d in s)s[d]&&typeof s[d]=="object"&&!Array.isArray(s[d])?(t[d]=t[d]||{},i(t[d],s[d])):t[d]=s[d];return t}i(e,p)}function w(){x&&(clearTimeout(x),x=null),r&&(r.kill(),r=null),y.forEach(t=>{t&&t.revert&&t.revert()}),y=[],C.forEach(t=>{t&&t.revert&&t.revert()}),C=[],document.querySelectorAll("[data-original-tabindex]").forEach(t=>{t.style.pointerEvents="";let s=t.getAttribute("data-original-tabindex");s==="0"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",s),t.removeAttribute("data-original-tabindex")});let i=document.querySelector('[data-hs-hero="nav"]');i&&(i.style.pointerEvents="")}function P(){w(),j()}function N(){[...document.querySelectorAll('[data-hs-hero="announce"]'),...document.querySelectorAll('[data-hs-hero="nav"]'),...document.querySelectorAll('[data-hs-hero="nav-menu"]'),...document.querySelectorAll('[data-hs-hero="nav-logo"]'),...document.querySelectorAll('[data-hs-hero="nav-button"] > *:first-child'),...document.querySelectorAll('[data-hs-hero="nav-list"] > * > *:first-child'),...document.querySelectorAll('[data-hs-hero="heading"] > *:first-child'),...document.querySelectorAll('[data-hs-hero="subheading"] > *:first-child'),...document.querySelectorAll('[data-hs-hero="tag"] > *:first-child'),...document.querySelectorAll('[data-hs-hero="button"] > *'),...document.querySelectorAll('[data-hs-hero="image"]'),...document.querySelectorAll('[data-hs-hero="appear"]')].forEach(t=>{t&&(gsap.set(t,{autoAlpha:1,opacity:1,y:0,yPercent:0}),t.style.pointerEvents="")}),document.querySelectorAll("[data-original-tabindex]").forEach(t=>{t.style.pointerEvents="";let s=t.getAttribute("data-original-tabindex");s==="0"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",s),t.removeAttribute("data-original-tabindex")})}async function j(){if(typeof window.gsap>"u"){console.error("GSAP not found - hero animations disabled");return}if(D())return N(),window[m]=window[m]||{},window[m].heroAnimations={config:e,updateConfig:B,start:P,kill:w,restart:()=>{w(),P()}},{result:"anim-hero initialized (reduced motion)"};gsap.registerPlugin(ScrollTrigger,SplitText);let p=document.querySelectorAll('[data-hs-hero="announce"]'),i=document.querySelector('[data-hs-hero="nav"]'),t=document.querySelectorAll('[data-hs-hero="nav-menu"]'),s=document.querySelectorAll('[data-hs-hero="nav-logo"]'),d=document.querySelectorAll('[data-hs-hero="image"]'),T=document.querySelectorAll('[data-hs-hero="appear"]'),g=i&&i.hasAttribute("data-hs-heroconfig")&&i.getAttribute("data-hs-heroconfig")==="advanced",b=[];g&&document.querySelectorAll('[data-hs-hero="nav-button"]').forEach(n=>{n.firstElementChild&&b.push(n.firstElementChild)});let L=[],v=[],H=document.querySelectorAll('[data-hs-hero="subheading"]'),F=[];H.forEach(a=>{a.firstElementChild&&((a.getAttribute("data-hs-heroconfig")||"appear")==="appear"?v.push(a.firstElementChild):(L.push(a.firstElementChild),F.push(a)))});let k=[],q=[],z=document.querySelectorAll('[data-hs-hero="heading"]'),M=[];z.forEach(a=>{a.firstElementChild&&((a.getAttribute("data-hs-heroconfig")||"word")==="appear"?q.push(a.firstElementChild):(k.push(a.firstElementChild),M.push(a)))});let A=[];document.querySelectorAll('[data-hs-hero="tag"]').forEach(a=>{a.firstElementChild&&A.push(a.firstElementChild)});let E=[];document.querySelectorAll('[data-hs-hero="button"]').forEach(a=>{let n=Array.from(a.children);E.push(...n)});let S=[];return g&&document.querySelectorAll('[data-hs-hero="nav-list"]').forEach(n=>{Array.from(n.children).forEach(l=>{l.classList.add("u-overflow-clip"),l.firstElementChild&&S.push(l.firstElementChild)})}),p.length>0&&gsap.set(p,{opacity:0,y:-50}),i&&(gsap.set(i,{opacity:0,y:-50}),i.style.pointerEvents="none"),g&&S.length>0&&gsap.set(S,{opacity:0,yPercent:110}),g&&t.length>0&&gsap.set(t,{opacity:0}),g&&b.length>0&&gsap.set(b,{opacity:0}),g&&s.length>0&&gsap.set(s,{opacity:0}),v.length>0&&gsap.set(v,{y:e.appear.y,opacity:0}),A.length>0&&gsap.set(A,{y:e.appear.y,opacity:0}),E.length>0&&gsap.set(E,{y:e.appear.y,opacity:0}),d.length>0&&gsap.set(d,{opacity:0}),T.length>0&&gsap.set(T,{y:e.appear.y,opacity:0}),q.length>0&&gsap.set(q,{y:e.appear.y,opacity:0}),document.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])').forEach(a=>{a.style.pointerEvents="none",a.setAttribute("data-original-tabindex",a.getAttribute("tabindex")||"0"),a.setAttribute("tabindex","-1")}),document.fonts.ready.then(()=>{y=[],k.length>0&&M.forEach((a,n)=>{let o=k[n],l=a.getAttribute("data-hs-heroconfig")||"word",u={},h="";l==="char"?(u={type:"words,chars",mask:"chars",charsClass:"char"},h="chars"):l==="line"?(u={type:"lines",mask:"lines",linesClass:"line"},h="lines"):(u={type:"words",mask:"words",wordsClass:"word"},h="words");let f=new SplitText(o,u);f.elementsClass=h,y.push(f),gsap.set(f[h],{yPercent:e.headingSplit.yPercent}),gsap.set(o,{autoAlpha:1})}),L.length>0&&F.forEach((a,n)=>{let o=L[n],l=a.getAttribute("data-hs-heroconfig")||"word",u={},h="";l==="char"?(u={type:"words,chars",mask:"chars",charsClass:"char"},h="chars"):l==="line"?(u={type:"lines",mask:"lines",linesClass:"line"},h="lines"):(u={type:"words",mask:"words",wordsClass:"word"},h="words");let f=new SplitText(o,u);f.elementsClass=h,C.push(f),gsap.set(f[h],{yPercent:e.subheadingSplit.yPercent}),gsap.set(o,{autoAlpha:1})}),x=setTimeout(()=>{r=gsap.timeline(),p.length>0&&r.to(p,{opacity:1,y:0,duration:e.nav.duration,ease:e.nav.ease},c.announce),i&&r.to(i,{opacity:1,y:0,duration:e.nav.duration,ease:e.nav.ease},c.nav),g&&s.length>0&&r.to(s,{opacity:1,duration:.5,ease:e.nav.ease},c.navLogo),g&&S.length>0&&r.to(S,{opacity:1,yPercent:0,duration:e.nav.duration,stagger:.05,ease:e.nav.ease,onComplete:()=>{document.querySelectorAll('[data-hs-hero="nav-list"]').forEach(o=>{let l=o.children;Array.from(l).forEach(u=>{u.classList.remove("u-overflow-clip")})})}},c.navList),g&&t.length>0&&r.to(t,{opacity:1,duration:e.nav.duration,ease:e.nav.ease},c.navMenu),g&&b.length>0&&r.to(b,{opacity:1,duration:e.nav.duration,ease:e.nav.ease},c.navButton),y.length>0&&y.forEach(n=>{r.to(n[n.elementsClass],{yPercent:0,duration:e.headingSplit.duration,stagger:e.headingSplit.stagger,ease:e.headingSplit.ease,onComplete:()=>{n&&n.revert}},c.heading)}),C.length>0&&C.forEach(n=>{r.to(n[n.elementsClass],{yPercent:0,duration:e.subheadingSplit.duration,stagger:e.subheadingSplit.stagger,ease:e.subheadingSplit.ease,onComplete:()=>{n&&n.revert}},c.subheading)}),v.length>0&&r.to(v,{y:0,opacity:1,duration:e.appear.duration,ease:e.appear.ease},c.subheading),A.length>0&&r.to(A,{y:0,opacity:1,duration:e.appear.duration,ease:e.appear.ease},c.tag),E.length>0&&r.to(E,{y:0,opacity:1,duration:e.navStagger.duration,stagger:e.navStagger.stagger,ease:e.navStagger.ease},c.button),d.length>0&&r.to(d,{opacity:1,duration:e.appear.duration,ease:e.appear.ease},c.image);let a=[...T,...q];a.length>0?r.to(a,{y:0,opacity:1,duration:e.appear.duration,ease:e.appear.ease,onComplete:()=>{document.querySelectorAll("[data-original-tabindex]").forEach(o=>{o.style.pointerEvents="";let l=o.getAttribute("data-original-tabindex");l==="0"?o.removeAttribute("tabindex"):o.setAttribute("tabindex",l),o.removeAttribute("data-original-tabindex")}),i&&(i.style.pointerEvents="")}},c.appear):r.call(()=>{document.querySelectorAll("[data-original-tabindex]").forEach(o=>{o.style.pointerEvents="";let l=o.getAttribute("data-original-tabindex");l==="0"?o.removeAttribute("tabindex"):o.setAttribute("tabindex",l),o.removeAttribute("data-original-tabindex")}),i&&(i.style.pointerEvents="")}),x=null},e.global.animationDelay*1e3)}),window[m]=window[m]||{},window[m].heroAnimations={config:e,updateConfig:B,start:P,kill:w,restart:()=>{w(),P()}},{result:"anim-hero initialized"}}export{j as init};

package/dist/src-load-3UYE3H3N.js

@@ -1 +0,0 @@
-var r=async t=>{switch(t){case"data-hs-anim-text":return import("./src-text-BZVCCQJP.js");case"data-hs-anim-hero":return import("./src-hero-UYNS76KU.js");case"data-hs-anim-transition":return import("./src-transition-UBAPWTIU.js");case"data-hs-util-toc":return import("./src-toc-SHTDW6BF.js");case"data-hs-util-progress":return import("./src-scroll-progress-EX62FWYD.js");case"data-hs-util-navbar":return import("./src-navbar-763V2PWX.js");case"smooth-scroll":return import("./src-smooth-scroll-TG4SEEIC.js");default:throw new Error(`hsmain module "${t}" is not supported.`)}};export{r as loadModule};

package/dist/src-navbar-763V2PWX.js

@@ -1 +0,0 @@
-var w=()=>{let v=document.querySelectorAll('[data-hs-nav-dropdown="wrapper"]'),u=[],y=(n=null)=>{u.forEach(a=>{a.wrapper!==n&&a.isOpen&&a.closeDropdown()})};return v.forEach(n=>{let r=n.querySelector("a"),t=n.querySelector('[data-hs-nav-dropdown="list"]'),d=t.querySelector('[data-hs-nav-dropdown="container"]'),f=r.querySelector('[data-hs-nav-dropdown="arrow"]'),p=r.querySelector('[data-hs-nav-dropdown="text"]');gsap.set(d,{yPercent:-110}),gsap.set(t,{display:"none"}),gsap.set(f,{rotation:0,scale:1,x:0,color:""}),gsap.set(p,{scale:1,color:""});let i=!1,s=null;function m(){i||(s&&s.kill(),y(n),i=!0,r.setAttribute("aria-expanded","true"),t.setAttribute("aria-hidden","false"),s=gsap.timeline(),s.set(t,{display:"flex"}).to(d,{yPercent:0,duration:.3,ease:"ease"},0).to(f,{rotation:90,scale:1.2,x:4,color:"var(--swatch--brand)",duration:.3,ease:"ease"},0).to(p,{scale:1.1,color:"var(--swatch--brand)",duration:.3,ease:"ease"},0))}function l(){if(!i)return;s&&s.kill();let e=t.contains(document.activeElement);i=!1,o=-1,r.setAttribute("aria-expanded","false"),t.setAttribute("aria-hidden","true");let D=t.getAttribute("role");t.removeAttribute("role"),s=gsap.timeline(),s.to(d,{yPercent:-110,duration:.3,ease:"ease"},0).to(f,{rotation:0,scale:1,x:0,color:"",duration:.3,ease:"ease"},0).to(p,{scale:1,color:"",duration:.3,ease:"ease"},0).set(t,{display:"none"}).call(()=>{t.setAttribute("role",D||"menu")}),e&&setTimeout(()=>{r.focus()},50)}let c=t.querySelectorAll('a, button, [role="menuitem"]'),o=-1;r.addEventListener("mouseenter",m),n.addEventListener("mouseleave",l),t.addEventListener("keydown",function(e){i&&(e.key==="ArrowDown"?(e.preventDefault(),o=(o+1)%c.length,c[o].focus()):e.key==="ArrowUp"?(e.preventDefault(),o=o<=0?c.length-1:o-1,c[o].focus()):e.key==="Escape"&&(e.preventDefault(),l(),r.focus()))}),r.addEventListener("keydown",function(e){e.key==="ArrowDown"?(e.preventDefault(),m(),c.length>0&&(o=0,setTimeout(()=>c[0].focus(),50))):e.key===" "?(e.preventDefault(),i?l():m()):(e.key==="ArrowUp"||e.key==="Escape")&&(e.preventDefault(),l())}),document.addEventListener("click",function(e){!n.contains(e.target)&&i&&l()}),u.push({wrapper:n,isOpen:()=>i,closeDropdown:l})}),document.addEventListener("focusin",function(n){u.forEach(a=>{a.isOpen()&&!a.wrapper.contains(n.target)&&a.closeDropdown()})}),{result:"navbar initialized"}};export{w as init};

package/dist/src-scroll-progress-EX62FWYD.js

@@ -1 +0,0 @@
-async function e(){let r=document.querySelector('[data-hs-progress="bar"]'),t=document.querySelector('[data-hs-progress="wrapper"]');return!r||!t?{result:"util-scroll-progress initialized"}:(gsap.set(r,{width:"0%"}),gsap.to(r,{width:"100%",ease:"none",scrollTrigger:{trigger:t,start:"top bottom",end:"bottom bottom",scrub:!0}}),{result:"util-scroll-progress initialized"})}export{e as init};

package/dist/src-smooth-scroll-TG4SEEIC.js

@@ -1 +0,0 @@
-var f="hsmain";async function m(){window[f].afterWebflowReady(()=>{typeof $<"u"&&$(document).off("click.wf-scroll")}),document.documentElement.style.scrollBehavior="auto",document.body.style.scrollBehavior="auto";function i(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function c(){let t=getComputedStyle(document.documentElement).getPropertyValue("--misc--scroll-offset").trim();return parseInt(t)||0}function l(t,e=0){if(t){if(i()){let n=t.getBoundingClientRect().top+window.scrollY-e;window.scrollTo(0,n),t.setAttribute("tabindex","-1"),t.focus({preventScroll:!0});return}gsap.to(window,{duration:1,scrollTo:{y:t,offsetY:e},ease:"power2.out",onComplete:function(){t.setAttribute("tabindex","-1"),t.focus({preventScroll:!0})}})}}function s(){document.addEventListener("click",r),document.addEventListener("keydown",function(t){(t.key==="Enter"||t.key===" ")&&r(t)})}function r(t){let e=t.target.closest('a[href^="#"]');if(!e)return;let n=e.getAttribute("href");if(!n||n==="#")return;let u=n.substring(1),o=document.getElementById(u);if(o){t.preventDefault(),history.replaceState&&history.replaceState(null,null,`#${o.id}`);let d=c();l(o,d)}}return s(),{result:"autoInit-smooth-scroll initialized"}}export{m as init};