@hortonstudio/main 1.2.30 → 1.2.31

package/autoInit/modal.js

@@ -3,9 +3,8 @@ function initModal() {
     transitionDuration: 0.3,
     blurOpacity: 0.5,
     breakpoints: {
-      mobile: 479,
-      tablet: 767,
-      desktop: 991
+      mobile: 767,
+      tablet: 991
     }
   };
 
@@ -13,8 +12,7 @@ function initModal() {
     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';
+    return 'desktop';
   }
 
   function shouldPreventModal(element) {
@@ -55,11 +53,23 @@ function initModal() {
     });
   }
 
-  function forceClosePreventedModals() {
+  // Store modal states that were closed due to prevention
+  let preventedModalStates = new Map();
+
+  function handleBreakpointChange() {
     document.querySelectorAll('[data-hs-modalprevent]').forEach(element => {
-      if (shouldPreventModal(element) && element.x) {
+      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);
       }
     });
   }
@@ -97,7 +107,7 @@ function initModal() {
 
   // Handle window resize to check for prevented modals
   window.addEventListener('resize', function() {
-    forceClosePreventedModals();
+    handleBreakpointChange();
   });
 
   return { result: 'modal initialized' };

package/index.js

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

package/package.json

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