@hortonstudio/main 1.2.25 → 1.2.27

package/.claude/settings.local.json

@@ -35,7 +35,8 @@
       "Bash(git remote remove:*)",
       "Bash(tree:*)",
       "Bash(grep:*)",
-      "Bash(git reset:*)"
+      "Bash(git reset:*)",
+      "Bash(git checkout:*)"
     ],
     "deny": []
   }

package/animations/hero.js

@@ -468,7 +468,9 @@ export async function init() {
                             ease: config.headingSplit.ease,
                             onComplete: () => {
                                 if (split && split.revert) {
-                                    
+                                    setTimeout(() => {
+                                        split.revert();
+                                    }, 100);
                                 }
                             }
                         }, 
@@ -487,7 +489,9 @@ export async function init() {
                             ease: config.subheadingSplit.ease,
                             onComplete: () => {
                                 if (split && split.revert) {
-                                    
+                                    setTimeout(() => {
+                                        split.revert();
+                                    }, 100);
                                 }
                             }
                         }, 
@@ -595,5 +599,19 @@ export async function init() {
         }
     };
     
+    // Add resize listener for responsive line splits
+    let heroResizeTimeout;
+    let lastWidth = window.innerWidth;
+    window.addEventListener('resize', () => {
+        const currentWidth = window.innerWidth;
+        if (currentWidth !== lastWidth) {
+            lastWidth = currentWidth;
+            clearTimeout(heroResizeTimeout);
+            heroResizeTimeout = setTimeout(() => {
+                ScrollTrigger.refresh();
+            }, 300);
+        }
+    });
+    
     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",
             });
@@ -141,10 +141,13 @@ const CharSplitAnimations = {
                 scrollTrigger: {
                     trigger: textElement,
                     start: config.charSplit.start,
-                    invalidateOnRefresh: true,
+                    invalidateOnRefresh: false,
                 },
                 onComplete: () => {
-                    
+                    if (textElement.splitTextInstance) {
+                        textElement.splitTextInstance.revert();
+                        delete textElement.splitTextInstance;
+                    }
                 }
             });
 
@@ -198,10 +201,13 @@ const WordSplitAnimations = {
                 scrollTrigger: {
                     trigger: textElement,
                     start: config.wordSplit.start,
-                    invalidateOnRefresh: true,
+                    invalidateOnRefresh: false,
                 },
                 onComplete: () => {
-                    
+                    if (textElement.splitTextInstance) {
+                        textElement.splitTextInstance.revert();
+                        delete textElement.splitTextInstance;
+                    }
                 }
             });
 
@@ -255,10 +261,13 @@ const LineSplitAnimations = {
                 scrollTrigger: {
                     trigger: textElement,
                     start: config.lineSplit.start,
-                    invalidateOnRefresh: true,
+                    invalidateOnRefresh: false,
                 },
                 onComplete: () => {
-                    
+                    if (textElement.splitTextInstance) {
+                        textElement.splitTextInstance.revert();
+                        delete textElement.splitTextInstance;
+                    }
                 }
             });
 
@@ -303,7 +312,7 @@ const AppearAnimations = {
                 scrollTrigger: {
                     trigger: element,
                     start: config.appear.start,
-                    invalidateOnRefresh: true,
+                    invalidateOnRefresh: false,
                 }
             });
 
@@ -351,7 +360,18 @@ export async function init() {
         initAnimations();
     }
     
-    window.addEventListener('resize', ScrollTrigger.refresh());
+    let resizeTimeout;
+    let lastWidth = window.innerWidth;
+    window.addEventListener('resize', () => {
+        const currentWidth = window.innerWidth;
+        if (currentWidth !== lastWidth) {
+            lastWidth = currentWidth;
+            clearTimeout(resizeTimeout);
+            resizeTimeout = setTimeout(() => {
+                ScrollTrigger.refresh();
+            }, 300);
+        }
+    });
 
     const api = window[API_NAME] || {};
     api.textAnimations = {

package/animations/transition.js

@@ -21,18 +21,28 @@ function initTransitions() {
     
   // On Page Load
   if (transitionTrigger.length > 0) {
-    if (window.Webflow && window.Webflow.push) {
-      Webflow.push(function () {
-        transitionTrigger.click();
-      });
+    
+    function triggerTransition() {
+      if (window.Webflow && window.Webflow.push) {
+        Webflow.push(function () {
+          transitionTrigger.click();
+        });
+      } else {
+        // Non-Webflow initialization
+        setTimeout(() => {
+          transitionTrigger.click();
+        }, 100);
+      }
+      $("body").addClass("no-scroll-transition");
+      setTimeout(() => {$("body").removeClass("no-scroll-transition");}, introDurationMS);
+    }
+    
+    // Wait for full page load (images, fonts, etc.) for Safari
+    if (document.readyState === 'complete') {
+      triggerTransition();
     } else {
-      // Non-Webflow initialization
-      setTimeout(() => {
-        transitionTrigger.click();
-      }, 100);
+      window.addEventListener('load', triggerTransition, { once: true });
     }
-    $("body").addClass("no-scroll-transition");
-    setTimeout(() => {$("body").removeClass("no-scroll-transition");}, introDurationMS);
   }
   
   // On Link Click

package/index.js

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

package/package.json

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