@hortonstudio/main 1.1.16 → 1.1.18

package/animations/hero.js

@@ -244,59 +244,14 @@ export async function init() {
         // Animation timeline
         document.fonts.ready.then(() => {
         
-        // Helper function to flatten heading and extract span info
-        function flattenHeading(textElement) {
-            const spanMappings = new Map();
-            const spans = textElement.querySelectorAll('span');
-            
-            // Extract span text and classes before flattening
-            spans.forEach(span => {
-                const text = span.textContent.trim();
-                const classes = Array.from(span.classList);
-                if (text && classes.length > 0) {
-                    spanMappings.set(text, classes);
-                }
-            });
-            
-            // Get the original tag name and attributes
-            const tagName = textElement.tagName;
-            const originalClasses = Array.from(textElement.classList);
-            const originalAttributes = {};
-            
-            for (let attr of textElement.attributes) {
-                if (attr.name !== 'class') {
-                    originalAttributes[attr.name] = attr.value;
-                }
-            }
-            
-            // Create completely new element with just text content
-            const newElement = document.createElement(tagName);
-            newElement.textContent = textElement.textContent;
-            
-            // Restore original attributes and classes
-            originalClasses.forEach(cls => newElement.classList.add(cls));
-            Object.entries(originalAttributes).forEach(([name, value]) => {
-                newElement.setAttribute(name, value);
-            });
-            
-            // Replace the original element
-            textElement.parentNode.replaceChild(newElement, textElement);
-            
-            return { newElement, spanMappings };
-        }
-        
         // Split text setup (after fonts are loaded)
         headingSplits = [];
         
         if (heading.length > 0) {
             headingSplitElements.forEach((parent, index) => {
-                let textElement = heading[index];
+                const textElement = heading[index];
                 const splitType = parent.getAttribute('data-hs-heroconfig') || 'word';
                 
-                // Flatten the heading and get span mappings
-                const { newElement, spanMappings } = flattenHeading(textElement);
-                textElement = newElement; // Use the flattened element
-                
                 let splitConfig = {};
                 let elementsClass = '';
                 
@@ -304,21 +259,24 @@ export async function init() {
                     splitConfig = {
                         type: "words,chars",
                         mask: "chars",
-                        charsClass: "char"
+                        charsClass: "char",
+                        reduceWhiteSpace: false
                     };
                     elementsClass = 'chars';
                 } else if (splitType === 'line') {
                     splitConfig = {
                         type: "lines",
                         mask: "lines",
-                        linesClass: "line"
+                        linesClass: "line",
+                        reduceWhiteSpace: false
                     };
                     elementsClass = 'lines';
                 } else {
                     splitConfig = {
                         type: "words",
                         mask: "words",
-                        wordsClass: "word"
+                        wordsClass: "word",
+                        reduceWhiteSpace: false
                     };
                     elementsClass = 'words';
                 }
@@ -327,19 +285,6 @@ export async function init() {
                 split.elementsClass = elementsClass;
                 headingSplits.push(split);
                 
-                // Apply span classes to matching words if we have words available
-                if (split.words && spanMappings.size > 0) {
-                    split.words.forEach(wordElement => {
-                        const wordText = wordElement.textContent.trim();
-                        if (spanMappings.has(wordText)) {
-                            const classes = spanMappings.get(wordText);
-                            classes.forEach(className => {
-                                wordElement.classList.add(className);
-                            });
-                        }
-                    });
-                }
-                
                 gsap.set(split[elementsClass], { yPercent: config.headingSplit.yPercent });
                 gsap.set(textElement, { autoAlpha: 1 });
             });
@@ -358,21 +303,24 @@ export async function init() {
                     splitConfig = {
                         type: "words,chars",
                         mask: "chars",
-                        charsClass: "char"
+                        charsClass: "char",
+                        reduceWhiteSpace: false
                     };
                     elementsClass = 'chars';
                 } else if (splitType === 'line') {
                     splitConfig = {
                         type: "lines",
                         mask: "lines",
-                        linesClass: "line"
+                        linesClass: "line",
+                        reduceWhiteSpace: false
                     };
                     elementsClass = 'lines';
                 } else {
                     splitConfig = {
                         type: "words",
                         mask: "words",
-                        wordsClass: "word"
+                        wordsClass: "word",
+                        reduceWhiteSpace: false
                     };
                     elementsClass = 'words';
                 }
@@ -457,7 +405,7 @@ export async function init() {
                             ease: config.headingSplit.ease,
                             onComplete: () => {
                                 if (split && split.revert) {
-                                    
+                                    split.revert();
                                 }
                             }
                         }, 

package/package.json

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