@hortonstudio/main 1.2.29 → 1.2.30

package/autoInit/modal.js

@@ -1,10 +1,35 @@
 function initModal() {
   const config = {
     transitionDuration: 0.3,
-    blurOpacity: 0.5
+    blurOpacity: 0.5,
+    breakpoints: {
+      mobile: 479,
+      tablet: 767,
+      desktop: 991
+    }
   };
 
+  function getCurrentBreakpoint() {
+    const width = window.innerWidth;
+    if (width <= config.breakpoints.mobile) return 'mobile';
+    if (width <= config.breakpoints.tablet) return 'tablet';
+    if (width <= config.breakpoints.desktop) return 'desktop';
+    return 'desktop-large';
+  }
+
+  function shouldPreventModal(element) {
+    const preventAttr = element.getAttribute('data-hs-modalprevent');
+    if (!preventAttr) return false;
+    
+    const currentBreakpoint = getCurrentBreakpoint();
+    const preventBreakpoints = preventAttr.split(',').map(bp => bp.trim());
+    
+    return preventBreakpoints.includes(currentBreakpoint);
+  }
+
   function openModal(element) {
+    if (shouldPreventModal(element)) return;
+    
     document.body.classList.add('u-overflow-clip');
     
     // Add blur to all other modals
@@ -30,6 +55,15 @@ function initModal() {
     });
   }
 
+  function forceClosePreventedModals() {
+    document.querySelectorAll('[data-hs-modalprevent]').forEach(element => {
+      if (shouldPreventModal(element) && element.x) {
+        element.x = 0;
+        closeModal(element);
+      }
+    });
+  }
+
   function toggleModal(element) {
     element.x = ((element.x || 0) + 1) % 2;
     
@@ -61,6 +95,11 @@ function initModal() {
     });
   });
 
+  // Handle window resize to check for prevented modals
+  window.addEventListener('resize', function() {
+    forceClosePreventedModals();
+  });
+
   return { result: 'modal initialized' };
 }
 

package/index.js

@@ -1,4 +1,4 @@
-// Version:1.2.29
+// Version:1.2.30
 
 const API_NAME = 'hsmain';
 

package/package.json

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