@hortonstudio/main 1.2.29 → 1.2.31

package/autoInit/modal.js

@@ -1,10 +1,33 @@
 function initModal() {
   const config = {
     transitionDuration: 0.3,
-    blurOpacity: 0.5
+    blurOpacity: 0.5,
+    breakpoints: {
+      mobile: 767,
+      tablet: 991
+    }
   };
 
+  function getCurrentBreakpoint() {
+    const width = window.innerWidth;
+    if (width <= config.breakpoints.mobile) return 'mobile';
+    if (width <= config.breakpoints.tablet) return 'tablet';
+    return 'desktop';
+  }
+
+  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 +53,27 @@ function initModal() {
     });
   }
 
+  // Store modal states that were closed due to prevention
+  let preventedModalStates = new Map();
+
+  function handleBreakpointChange() {
+    document.querySelectorAll('[data-hs-modalprevent]').forEach(element => {
+      const elementKey = element.getAttribute('data-hs-modal') + '_' + (element.id || element.className);
+      const shouldPrevent = shouldPreventModal(element);
+      const wasStoredAsOpen = preventedModalStates.get(elementKey);
+      
+      if (shouldPrevent && element.x) {
+        preventedModalStates.set(elementKey, true);
+        element.x = 0;
+        closeModal(element);
+      } else if (!shouldPrevent && wasStoredAsOpen) {
+        preventedModalStates.delete(elementKey);
+        element.x = 1;
+        openModal(element);
+      }
+    });
+  }
+
   function toggleModal(element) {
     element.x = ((element.x || 0) + 1) % 2;
     
@@ -61,6 +105,11 @@ function initModal() {
     });
   });
 
+  // Handle window resize to check for prevented modals
+  window.addEventListener('resize', function() {
+    handleBreakpointChange();
+  });
+
   return { result: 'modal initialized' };
 }
 

package/index.js

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

package/package.json

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