@hortonstudio/main 1.1.26 → 1.1.27

package/animations/hero.js

@@ -24,7 +24,7 @@ let heroTimeout = null; // Track the setTimeout
 
 const config = {
     global: {
-        animationDelay: 0.3
+        animationDelay: 0.2
     },
     headingSplit: {
         duration: 1.5,
@@ -248,11 +248,8 @@ export async function init() {
         headingSplits = [];
         
         if (heading.length > 0) {
-            // Use ScrollTrigger approach exactly like text.js
-            const freshHeadings = document.querySelectorAll('[data-hs-hero="heading"] > *:first-child');
-            
-            freshHeadings.forEach((textElement, index) => {
-                const parent = textElement.parentElement;
+            headingSplitElements.forEach((parent, index) => {
+                const textElement = heading[index];
                 const splitType = parent.getAttribute('data-hs-heroconfig') || 'word';
                 
                 let splitConfig = {};
@@ -281,31 +278,19 @@ export async function init() {
                     elementsClass = 'words';
                 }
                 
-                // Copy text.js approach exactly - use ScrollTrigger
-                ScrollTrigger.create({
-                    trigger: textElement,
-                    start: "top 99%", // Very early trigger
-                    once: true,
-                    onEnter: () => {
-                        const split = SplitText.create(textElement, splitConfig);
-                        split.elementsClass = elementsClass;
-                        headingSplits.push(split);
-                        textElement.splitTextInstance = split;
-                        
-                        gsap.set(split[elementsClass], { yPercent: config.headingSplit.yPercent });
-                        gsap.set(textElement, { autoAlpha: 1 });
-                    }
-                });
+                const split = new SplitText(textElement, splitConfig);
+                split.elementsClass = elementsClass;
+                headingSplits.push(split);
+                
+                gsap.set(split[elementsClass], { yPercent: config.headingSplit.yPercent });
+                gsap.set(textElement, { autoAlpha: 1 });
             });
         }
         
         // Split text setup for subheadings
         if (subheading.length > 0) {
-            // Fresh DOM selection like text.js does
-            const freshSubheadings = document.querySelectorAll('[data-hs-hero="subheading"] > *:first-child');
-            
-            freshSubheadings.forEach((textElement, index) => {
-                const parent = textElement.parentElement;
+            subheadingSplitElements.forEach((parent, index) => {
+                const textElement = subheading[index];
                 const splitType = parent.getAttribute('data-hs-heroconfig') || 'word';
                 
                 let splitConfig = {};
@@ -334,14 +319,12 @@ export async function init() {
                     elementsClass = 'words';
                 }
                 
-                // Match text.js element state exactly - set autoAlpha before splitting
-                gsap.set(textElement, { autoAlpha: 1 });
-                
-                const split = SplitText.create(textElement, splitConfig);
+                const split = new SplitText(textElement, splitConfig);
                 split.elementsClass = elementsClass;
                 subheadingSplits.push(split);
                 
                 gsap.set(split[elementsClass], { yPercent: config.subheadingSplit.yPercent });
+                gsap.set(textElement, { autoAlpha: 1 });
             });
         }
         

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.1.26",
+  "version": "1.1.27",
   "main": "index.js",
   "type": "module",
   "scripts": {