@ninebone/util 1.0.19 → 1.0.21

package/dist/nine-util.js

@@ -9,7 +9,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _name, _color, _Trace_instances, isTraceEnabled_fn, _a, _timer, _queue, _delay, _TaskDebouncer_instances, flush_fn, _request, _shift, _dialog, _init, _onMouseDown, _onTouchStart, _NineUxUtil_instances, prepare_fn, _mode, _detectMode, _startDrag, _init2, _prepareLayout;
+var _name, _color, _Trace_instances, isTraceEnabled_fn, _a, _timer, _queue, _delay, _TaskDebouncer_instances, flush_fn, _request, _shift, _dialog, _init, _onMouseDown, _onTouchStart, _NineUxUtil_instances, prepare_fn, _mode, _isSiblingOnly, _detectMode, _startDrag, _init2, _prepareLayout;
 import React from "react";
 import { createRoot } from "react-dom/client";
 const listeners = /* @__PURE__ */ new Set();
@@ -1130,6 +1130,11 @@ class UxSplitter extends HTMLElement {
   constructor() {
     super();
     __privateAdd(this, _mode);
+    __privateAdd(this, _isSiblingOnly, () => {
+      const attr = this.getAttribute("only-sibling");
+      if (attr === null) return false;
+      return attr.toLowerCase() === "false" ? false : true;
+    });
     __privateAdd(this, _detectMode, (el) => {
       const prev = el.previousElementSibling;
       const next = el.nextElementSibling;
@@ -1247,27 +1252,32 @@ class UxSplitter extends HTMLElement {
           trace$1.log(`[Debug] Panel[${index}] (${isChartPanel ? "Canvas" : "Normal"}): Current=${currentSize.toFixed(2)}, New=${(panel === prev ? newPrevSize : panel === next ? newNextSize : initialSizes[index]).toFixed(2)}`);
         });
         trace$1.log(`[Debug] ---------------------------`);
-        let flexSum = 0;
-        allPanels.forEach((panel, index) => {
-          let newSize;
-          if (panel === prev) {
-            newSize = newPrevSize;
-          } else if (panel === next) {
-            newSize = newNextSize;
-          } else {
-            newSize = initialSizes[index];
+        if (__privateGet(this, _isSiblingOnly).call(this)) {
+          const prev2 = this.previousElementSibling;
+          const next2 = this.nextElementSibling;
+          if (prev2 && next2) {
+            prev2.style.flex = `0 0 ${newPrevSize}px`;
+            next2.style.flex = `0 0 ${newNextSize}px`;
           }
-          const newFlexBasis = newSize / totalFlexSpace;
-          trace$1.log(panel);
-          if (panel.classList.contains("sidebar")) {
-            panel.style.flex = `0 0 ${newSize}px`;
-          } else {
-            panel.style.flex = `${newFlexBasis} ${newFlexBasis} 0`;
-          }
-          flexSum += newFlexBasis;
-        });
-        trace$1.log(`dragOffset: ${dragOffset}`);
-        trace$1.log(`Calculated FlexSum: ${flexSum}`);
+        } else {
+          allPanels.forEach((panel, index) => {
+            let newSize;
+            if (panel === prev) {
+              newSize = newPrevSize;
+            } else if (panel === next) {
+              newSize = newNextSize;
+            } else {
+              newSize = initialSizes[index];
+            }
+            const newFlexBasis = newSize / totalFlexSpace;
+            trace$1.log(panel);
+            if (panel.classList.contains("sidebar")) {
+              panel.style.flex = `0 0 ${newSize}px`;
+            } else {
+              panel.style.flex = `${newFlexBasis} ${newFlexBasis} 0`;
+            }
+          });
+        }
       };
       window.addEventListener("mousemove", onMove);
       window.addEventListener("mouseup", onUp);
@@ -1282,7 +1292,7 @@ class UxSplitter extends HTMLElement {
       const htmlTmpl = document.createElement("template");
       htmlTmpl.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/@ninebone/util@${"1.0.19"}/dist/css/nine-util.css";
+				@import "https://cdn.jsdelivr.net/npm/@ninebone/util@${"1.0.21"}/dist/css/nine-util.css";
 				${customImport}
 			</style>
 			${gripTmpl}
@@ -1322,6 +1332,7 @@ class UxSplitter extends HTMLElement {
   }
 }
 _mode = new WeakMap();
+_isSiblingOnly = new WeakMap();
 _detectMode = new WeakMap();
 _startDrag = new WeakMap();
 _init2 = new WeakMap();