@open-slot-ui/core 0.3.0 → 0.3.2

package/dist/index.js

@@ -2010,26 +2010,40 @@ function installResponsive(ui, responsive) {
     if (!c) continue;
     base.set(id, { layout: cloneLayout(c.layout), hidden: ui.hidden.has(id) });
   }
+  let applying = false;
   const apply = (screen) => {
-    const keys = activeKeys(screen);
-    for (const [id, b] of base) {
-      const c = ui.control(id);
-      if (!c) continue;
-      let layout = b.layout;
-      let hidden = b.hidden;
-      for (const key of keys) {
-        const ov = responsive[key]?.controls?.[id];
-        if (!ov) continue;
-        if (ov.layout) layout = ov.layout;
-        if (ov.hidden != null) hidden = ov.hidden;
+    applying = true;
+    try {
+      const keys = activeKeys(screen);
+      for (const [id, b] of base) {
+        const c = ui.control(id);
+        if (!c) continue;
+        let layout = b.layout;
+        let hidden = b.hidden;
+        for (const key of keys) {
+          const ov = responsive[key]?.controls?.[id];
+          if (!ov) continue;
+          if (ov.layout) layout = ov.layout;
+          if (ov.hidden != null) hidden = ov.hidden;
+        }
+        c.layout = cloneLayout(layout);
+        ui.setHidden(id, hidden);
       }
-      c.layout = cloneLayout(layout);
-      ui.setHidden(id, hidden);
+    } finally {
+      applying = false;
     }
   };
+  const offVis = ui.on("visibilityChanged", ({ id, hidden }) => {
+    if (applying) return;
+    const b = base.get(id);
+    if (b) b.hidden = hidden;
+  });
   const off = ui.screen.subscribe(apply);
   apply(ui.screen.get());
-  return off;
+  return () => {
+    off();
+    offVis();
+  };
 }
 
 // src/spec/createUI.ts