@hortonstudio/main 1.7.10 → 1.7.12

package/autoInit/counter.js

@@ -64,7 +64,7 @@ export function init() {
     observer = new IntersectionObserver((entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting && !entry.target.dataset.animated) {
-          const numberElement = entry.target.querySelector('[data-hs-counter="number"]');
+          const numberElement = entry.target.querySelector('[data-hs-anim="counter"]');
           startAnimation(numberElement);
           entry.target.dataset.animated = "true";
         }
@@ -84,7 +84,7 @@ export function init() {
     const statsElements = document.querySelectorAll('[data-hs-counter="wrapper"]');
 
     statsElements.forEach((element) => {
-      const numberElement = element.querySelector('[data-hs-counter="number"]');
+      const numberElement = element.querySelector('[data-hs-anim="counter"]');
       const originalText = numberElement.getAttribute("data-hs-original");
       
       element.setAttribute("aria-label", originalText);
@@ -101,7 +101,7 @@ export function init() {
     const wrappers = document.querySelectorAll('[data-hs-counter="wrapper"]');
 
     wrappers.forEach((wrapper) => {
-      const numberElement = wrapper.querySelector('[data-hs-counter="number"]');
+      const numberElement = wrapper.querySelector('[data-hs-anim="counter"]');
       const parsed = parseText(numberElement.textContent.trim());
       
       numberElement.setAttribute("data-hs-original", numberElement.textContent.trim());
@@ -119,7 +119,7 @@ export function init() {
 
   function triggerAnimation(selector) {
     const wrapper = document.querySelector(selector);
-    const numberElement = wrapper.querySelector('[data-hs-counter="number"]');
+    const numberElement = wrapper.querySelector('[data-hs-anim="counter"]');
     startAnimation(numberElement);
     wrapper.dataset.animated = "true";
   }
@@ -127,7 +127,7 @@ export function init() {
   function reset() {
     counters.forEach((wrapper) => {
       delete wrapper.dataset.animated;
-      const numberElement = wrapper.querySelector('[data-hs-counter="number"]');
+      const numberElement = wrapper.querySelector('[data-hs-anim="counter"]');
       numberElement.textContent = numberElement.getAttribute("data-hs-original");
     });
 

package/index.js

@@ -1,4 +1,4 @@
-// Version:1.7.10
+// Version:1.7.12
 const API_NAME = "hsmain";
 
 const initializeHsMain = async () => {
@@ -254,6 +254,28 @@ const initializeHsMain = async () => {
     });
   });
 
+  const waitForIx2 = async () => {
+    const startTime = Date.now();
+    const timeout = 2000; // 2 second timeout
+
+    return new Promise((resolve) => {
+      const checkIx2 = () => {
+        const htmlElement = document.documentElement;
+        const hasIx2 = htmlElement.classList.contains('w-mod-ix3');
+
+        if (hasIx2) {
+          resolve(true);
+        } else if (Date.now() - startTime >= timeout) {
+          console.warn('[hsmain] IX2 (w-mod-ix3) not detected after 2s timeout. Proceeding anyway, but Webflow interactions may not be fully loaded.');
+          resolve(false);
+        } else {
+          setTimeout(checkIx2, 50);
+        }
+      };
+      checkIx2();
+    });
+  };
+
   const finalize = async () => {
     processModules();
     await waitForWebflow();
@@ -266,6 +288,9 @@ const initializeHsMain = async () => {
       window.Webflow.ready();
     }
 
+    // Wait for IX2 to be ready before firing callbacks
+    await waitForIx2();
+
     window[API_NAME].loaded = true;
     readyCallbacks.forEach((callback) => {
       try {

package/package.json

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