@codbex/harmonia 1.11.0 → 1.11.1

package/dist/harmonia.esm.js

@@ -9342,8 +9342,13 @@ function split_default(Alpine) {
       if (!storageKey) return;
       if (saveTimer) clearTimeout(saveTimer);
       saveTimer = setTimeout(() => {
+        const usable = usableSize();
+        if (usable <= 0) {
+          saveTimer = null;
+          return;
+        }
         const visible = panels.filter((p) => !p.hidden);
-        const sizes = visible.map((p) => p.size / usableSize());
+        const sizes = visible.map((p) => p.size / usable);
         localStorage.setItem(storageKey, JSON.stringify(sizes));
         saveTimer = null;
       }, SAVE_DELAY);
@@ -9378,26 +9383,44 @@ function split_default(Alpine) {
       const total = usableSize();
       if (!initialized) {
         initialized = true;
-        const visible2 = panels.filter((p) => !p.hidden);
-        const stored = loadSizes();
-        if (stored && stored.length === visible2.length) {
-          visible2.forEach((p, i) => {
-            p.size = stored[i] * usableSize();
-            p.explicit = true;
-          });
-        } else {
-          const explicitTotal = visible2.filter((p) => p.explicit).reduce((sum, p) => sum + p.declaredSize, 0);
-          const autoPanels = visible2.filter((p) => !p.explicit);
-          const remaining = total - explicitTotal;
-          const share = autoPanels.length ? remaining / autoPanels.length : 0;
-          visible2.forEach((p) => {
-            if (p.explicit) {
-              p.size = p.declaredSize;
+        const anyRestore = visible.some((p) => p.restoreFraction != null);
+        if (anyRestore) {
+          const restoreFractionSum = visible.reduce((sum, p) => sum + (p.restoreFraction ?? 0), 0);
+          const remainingSpace = total * (1 - restoreFractionSum);
+          const nonRestorePanels = visible.filter((p) => p.restoreFraction == null);
+          const nonRestoreDeclaredTotal = nonRestorePanels.reduce((s, p) => s + (p.declaredSize ?? 0), 0);
+          visible.forEach((p) => {
+            if (p.restoreFraction != null) {
+              p.size = p.restoreFraction * total;
+              p.explicit = true;
+              p.restoreFraction = null;
+            } else if (nonRestoreDeclaredTotal > 0) {
+              p.size = (p.declaredSize ?? 0) / nonRestoreDeclaredTotal * remainingSpace;
             } else {
-              p.size = share;
+              p.size = nonRestorePanels.length > 0 ? remainingSpace / nonRestorePanels.length : 0;
             }
-            p.size = Math.min(Math.max(p.size ?? share, p.min), p.max);
           });
+        } else {
+          const stored = loadSizes();
+          if (stored && stored.length === visible.length) {
+            visible.forEach((p, i) => {
+              p.size = stored[i] * usableSize();
+              p.explicit = true;
+            });
+          } else {
+            const explicitTotal = visible.filter((p) => p.explicit).reduce((sum, p) => sum + p.declaredSize, 0);
+            const autoPanels = visible.filter((p) => !p.explicit);
+            const remaining = total - explicitTotal;
+            const share = autoPanels.length ? remaining / autoPanels.length : 0;
+            visible.forEach((p) => {
+              if (p.explicit) {
+                p.size = p.declaredSize;
+              } else {
+                p.size = share;
+              }
+              p.size = Math.min(Math.max(p.size ?? share, p.min), p.max);
+            });
+          }
         }
       }
       visible.forEach((p) => {
@@ -9410,6 +9433,10 @@ function split_default(Alpine) {
       let delta = total - currentTotal;
       if (Math.abs(delta) < DELTA_ABS) {
         visible.forEach((p) => p.apply());
+        if (total > 0)
+          visible.forEach((p) => {
+            p.savedFraction = p.size / total;
+          });
         return;
       }
       let flexible = visible.filter((p) => {
@@ -9443,6 +9470,10 @@ function split_default(Alpine) {
         if (Math.abs(consumed) < DELTA_ABS) break;
       }
       visible.forEach((p) => p.apply());
+      if (total > 0)
+        visible.forEach((p) => {
+          p.savedFraction = p.size / total;
+        });
     };
     let layoutFrame = null;
     const queueLayout = () => {
@@ -9477,7 +9508,6 @@ function split_default(Alpine) {
         queueLayout();
       },
       panelHidden() {
-        initialized = false;
         refreshGutters();
         queueLayout();
       },
@@ -9488,6 +9518,9 @@ function split_default(Alpine) {
       panelChange() {
         queueLayout();
       },
+      resetInit() {
+        initialized = false;
+      },
       normalize,
       saveSizes
     };
@@ -9651,6 +9684,9 @@ function split_default(Alpine) {
       max: split._h_split.normalize(el.getAttribute("data-max")) ?? Infinity,
       collapsed: false,
       prevSize: null,
+      prevHiddenFraction: null,
+      savedFraction: null,
+      restoreFraction: null,
       apply() {
         el.style.flexBasis = `${this.size.toFixed(2)}px`;
         if (split._h_split.state.isBorder) {
@@ -9755,7 +9791,7 @@ function split_default(Alpine) {
     gutter.addEventListener("pointerdown", drag);
     const collapse = () => {
       if (panel.collapsed) return;
-      panel.prevSize = panel.size;
+      panel.prevSize = panel.size > (panel.min ?? 0) ? panel.size : panel.declaredSize;
       panel.size = panel.min ?? 0;
       panel.collapsed = true;
       panel.explicit = true;
@@ -9779,19 +9815,32 @@ function split_default(Alpine) {
       panel.explicit = true;
       split._h_split.panelChange();
     };
+    const setState = () => {
+      if (panel.hidden) {
+        el.classList.add("hidden");
+      } else {
+        el.classList.remove("hidden");
+      }
+      split._h_split.panelHidden();
+    };
+    setState();
     const observer = new MutationObserver((mutations) => {
       mutations.forEach((mutation) => {
         if (mutation.attributeName === "data-gutterless") {
           gutterless = el.getAttribute("data-gutterless") === "true";
           split._h_split.gutterHidden();
         } else if (mutation.attributeName === "data-hidden") {
-          panel.hidden = el.getAttribute("data-hidden") === "true";
-          if (panel.hidden) {
-            el.classList.add("hidden");
-          } else {
-            el.classList.remove("hidden");
+          const newHidden = el.getAttribute("data-hidden") === "true";
+          if (!panel.hidden && newHidden) {
+            panel.prevHiddenFraction = panel.savedFraction;
+          } else if (panel.hidden && !newHidden) {
+            if (panel.prevHiddenFraction != null) {
+              panel.restoreFraction = panel.prevHiddenFraction;
+            }
+            split._h_split.resetInit();
           }
-          split._h_split.panelHidden();
+          panel.hidden = newHidden;
+          setState();
         } else if (mutation.attributeName === "data-locked") {
           panel.setLocked();
         } else {
@@ -11579,7 +11628,7 @@ function tree_default(Alpine) {
 }
 
 // package.json
-var version = "1.11.0";
+var version = "1.11.1";
 
 // src/utils/theme.js
 var colorSchemeKey = "codbex.harmonia.colorMode";