@hortonstudio/main 1.2.25 → 1.2.26

package/animations/hero.js

@@ -595,5 +595,75 @@ export async function init() {
         }
     };
     
+    // Add resize listener for responsive line splits
+    let heroResizeTimeout;
+    window.addEventListener('resize', () => {
+        clearTimeout(heroResizeTimeout);
+        heroResizeTimeout = setTimeout(() => {
+            // Only refresh line splits, not chars or words
+            const hasLineSplits = headingSplits.some(split => split.elementsClass === 'lines') || 
+                                 subheadingSplits.some(split => split.elementsClass === 'lines');
+            
+            if (hasLineSplits) {
+                // Kill current line splits
+                headingSplits.forEach((split, index) => {
+                    if (split.elementsClass === 'lines' && split.revert) {
+                        split.revert();
+                    }
+                });
+                
+                subheadingSplits.forEach((split, index) => {
+                    if (split.elementsClass === 'lines' && split.revert) {
+                        split.revert();
+                    }
+                });
+                
+                // Re-initialize line splits after resize
+                document.fonts.ready.then(() => {
+                    // Re-split line elements
+                    headingSplitElements.forEach((parent, index) => {
+                        const textElement = heading[index];
+                        const splitType = parent.getAttribute('data-hs-heroconfig') || 'line';
+                        
+                        if (splitType === 'line') {
+                            const splitConfig = {
+                                type: "lines",
+                                mask: "lines",
+                                linesClass: "line"
+                            };
+                            
+                            const split = new SplitText(textElement, splitConfig);
+                            split.elementsClass = 'lines';
+                            headingSplits[index] = split;
+                            
+                            gsap.set(split.lines, { yPercent: 0 });
+                        }
+                    });
+                    
+                    subheadingSplitElements.forEach((parent, index) => {
+                        const textElement = subheading[index];
+                        const splitType = parent.getAttribute('data-hs-heroconfig') || 'word';
+                        
+                        if (splitType === 'line') {
+                            const splitConfig = {
+                                type: "lines",
+                                mask: "lines",
+                                linesClass: "line"
+                            };
+                            
+                            const split = new SplitText(textElement, splitConfig);
+                            split.elementsClass = 'lines';
+                            subheadingSplits[index] = split;
+                            
+                            gsap.set(split.lines, { yPercent: 0 });
+                        }
+                    });
+                });
+            }
+            
+            ScrollTrigger.refresh();
+        }, 100);
+    });
+    
     return { result: 'anim-hero initialized' };
 }

package/animations/text.js

@@ -115,7 +115,7 @@ const CharSplitAnimations = {
         
         elements.forEach((textElement) => {
             const split = SplitText.create(textElement, {
-                type: "chars",
+                type: "words,chars",
                 mask: "chars",
                 charsClass: "char",
             });
@@ -351,7 +351,27 @@ export async function init() {
         initAnimations();
     }
     
-    window.addEventListener('resize', ScrollTrigger.refresh());
+    let resizeTimeout;
+    window.addEventListener('resize', () => {
+        clearTimeout(resizeTimeout);
+        resizeTimeout = setTimeout(() => {
+            // Kill and restart line split animations on resize
+            const lineSplitElements = document.querySelectorAll(".a-line-split > *:first-child");
+            lineSplitElements.forEach((textElement) => {
+                if (textElement.splitTextInstance) {
+                    textElement.splitTextInstance.revert();
+                    delete textElement.splitTextInstance;
+                }
+            });
+            
+            // Re-initialize line splits after resize
+            LineSplitAnimations.initial().then(() => {
+                LineSplitAnimations.animate();
+            });
+            
+            ScrollTrigger.refresh();
+        }, 100);
+    });
 
     const api = window[API_NAME] || {};
     api.textAnimations = {

package/configure-example.js

@@ -0,0 +1,32 @@
+function configure() {
+  // Check if hsmain is loaded AND the specific animation modules are available
+  if (!window.hsmain?.loaded || 
+      !window.hsmain?.textAnimations?.updateConfig || 
+      !window.hsmain?.heroAnimations?.updateConfig) {
+    setTimeout(configure, 10);
+    return;
+  }
+  
+  const api = window.hsmain;
+  
+  try {
+    api.textAnimations.updateConfig({
+      // your text animation config
+    });
+    
+    api.heroAnimations.updateConfig({
+      headingSplit: {
+        // your hero animation config
+      }
+    });
+    
+    api.textAnimations.restart();
+    api.heroAnimations.restart();
+  } catch (error) {
+    console.warn('Animation configuration failed:', error);
+    // Retry after a short delay if needed
+    setTimeout(configure, 50);
+  }
+}
+
+configure();

package/index.js

@@ -1,4 +1,4 @@
-// Version:1.2.25
+// Version:1.2.26
 
 const API_NAME = 'hsmain';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.2.25",
+  "version": "1.2.26",
   "description": "Animation and utility library for client websites",
   "main": "index.js",
   "type": "module",