dockview-react 8.8.1 → 8.8.2

package/dist/dockview-react.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 8.8.1
+ * @version 8.8.2
  * @link https://github.com/dockview/dockview
  * @license MIT
  */
@@ -51,7 +51,7 @@ react_dom = __toESM(react_dom);
 //#region ../dockview-core/dist/package/main.esm.mjs
 /**
 	* dockview-core
-	* @version 8.8.1
+	* @version 8.8.2
 	* @link https://github.com/dockview/dockview
 	* @license MIT
 	*/
@@ -14566,6 +14566,15 @@ react_dom = __toESM(react_dom);
 	* if it were, since no frame carries this id.
 	*/
 	const SCHEDULED = -1;
+	/**
+	* A collapsed edge group's content container is `display: none` (0x0) while
+	* collapsed. Edge collapse fires no visibility event, so this is read from the
+	* group rather than `panel.api.isVisible`.
+	*/
+	function isInCollapsedEdgeGroup(panel) {
+		const api = panel.group.api;
+		return api.location.type === "edge" && api.isCollapsed();
+	}
 	function createFocusableElement() {
 		const element = document.createElement("div");
 		element.tabIndex = -1;
@@ -14644,6 +14653,7 @@ react_dom = __toESM(react_dom);
 			return false;
 		}
 		attach(options) {
+			var _panel$group$api$onDi, _panel$group$api$onDi2, _panel$group$api;
 			const { panel, referenceContainer } = options;
 			if (!this.map[panel.api.id]) {
 				const element = createFocusableElement();
@@ -14672,10 +14682,10 @@ react_dom = __toESM(react_dom);
 			* deliberately leaves scheduled work alone: `repositionPanelOverlay`
 			* (the auto-hide peek) schedules a frame carrying the sticky
 			* `forceVisible`/`clip` state which `attach` does not re-apply, and a
-			* peeked panel's `api.isVisible` is false — so discarding that frame
-			* leaves `visibilityChanged` to hide the overlay and the peek renders
-			* nothing. A newly created entry already holds a fresh generation, so
-			* the stale closures a `detatch` left behind are fenced off either way.
+			* peeked panel's group is collapsed — so discarding that frame leaves
+			* the frame pass to hide the overlay and the peek renders nothing. A
+			* newly created entry already holds a fresh generation, so the stale
+			* closures a `detatch` left behind are fenced off either way.
 			*/
 			if (mapEntry.referenceContainer !== referenceContainer) {
 				mapEntry.generation = ++this._generation;
@@ -14692,8 +14702,17 @@ react_dom = __toESM(react_dom);
 				* positioned has no left/top/width/height, and `.dv-render-overlay`
 				* defaults to 100%/100% — retaining "previous" geometry there would
 				* pin the content over the whole container.
+				*
+				* A collapsed edge group's 0x0 is a real collapse, not a pending
+				* layout, so nothing is retained and the overlay hides at once
+				* rather than staying painted at its old box until the next frame.
 				*/
-				mapEntry.retainPreviousGeometry = mapEntry.positioned;
+				const collapsedEdge = isInCollapsedEdgeGroup(panel);
+				mapEntry.retainPreviousGeometry = mapEntry.positioned && !collapsedEdge;
+				if (collapsedEdge && !mapEntry.forceVisible) {
+					mapEntry.element.style.visibility = "hidden";
+					mapEntry.element.style.pointerEvents = "none";
+				}
 			}
 			const generation = mapEntry.generation;
 			const focusContainer = mapEntry.element;
@@ -14748,18 +14767,30 @@ react_dom = __toESM(react_dom);
 					if (this.isDisposed || (entry === null || entry === void 0 ? void 0 : entry.generation) !== generation) return;
 					const forceVisible = (_entry$forceVisible = entry.forceVisible) !== null && _entry$forceVisible !== void 0 ? _entry$forceVisible : false;
 					const clip = entry.clip;
+					const collapsedEdge = isInCollapsedEdgeGroup(panel);
+					const hidden = !forceVisible && (!panel.api.isVisible || collapsedEdge);
 					const box = this.positionCache.getPosition(referenceContainer.element);
 					const box2 = this.positionCache.getPosition(this.element);
 					const left = box.left - box2.left;
 					const top = box.top - box2.top;
 					const width = box.width;
 					const height = box.height;
-					if (entry.retainPreviousGeometry && (width === 0 || height === 0)) {
-						if (!panel.api.isVisible && !forceVisible) {
+					if (width === 0 || height === 0) {
+						if (collapsedEdge && !forceVisible) {
+							entry.retainPreviousGeometry = false;
 							focusContainer.style.visibility = "hidden";
 							focusContainer.style.pointerEvents = "none";
+							focusContainer.style.clipPath = "";
+							focusContainer.style.zIndex = "";
+							return;
+						}
+						if (entry.retainPreviousGeometry) {
+							if (hidden) {
+								focusContainer.style.visibility = "hidden";
+								focusContainer.style.pointerEvents = "none";
+							}
+							return;
 						}
-						return;
 					}
 					entry.retainPreviousGeometry = false;
 					entry.positioned = true;
@@ -14767,7 +14798,7 @@ react_dom = __toESM(react_dom);
 					setPixels(focusContainer.style, "top", top);
 					setPixels(focusContainer.style, "width", width);
 					setPixels(focusContainer.style, "height", height);
-					if (panel.api.isVisible || forceVisible) {
+					if (!hidden) {
 						focusContainer.style.visibility = "";
 						focusContainer.style.pointerEvents = "";
 					} else {
@@ -14794,8 +14825,10 @@ react_dom = __toESM(react_dom);
 				if (scheduling.pendingUpdate === SCHEDULED) scheduling.pendingUpdate = handle;
 			};
 			const visibilityChanged = () => {
-				if (panel.api.isVisible) {
-					var _this$map$panel$api$i;
+				var _this$map$panel$api$i;
+				const collapsedEdge = !((_this$map$panel$api$i = this.map[panel.api.id]) === null || _this$map$panel$api$i === void 0 ? void 0 : _this$map$panel$api$i.forceVisible) && isInCollapsedEdgeGroup(panel);
+				if (panel.api.isVisible && !collapsedEdge) {
+					var _this$map$panel$api$i2;
 					this.positionCache.invalidate();
 					resize();
 					/**
@@ -14814,7 +14847,7 @@ react_dom = __toESM(react_dom);
 					* stale-but-real geometry for a frame is the deliberate
 					* trade-off against blanking the panel for the whole rebuild.
 					*/
-					if ((_this$map$panel$api$i = this.map[panel.api.id]) === null || _this$map$panel$api$i === void 0 ? void 0 : _this$map$panel$api$i.retainPreviousGeometry) focusContainer.style.visibility = "";
+					if ((_this$map$panel$api$i2 = this.map[panel.api.id]) === null || _this$map$panel$api$i2 === void 0 ? void 0 : _this$map$panel$api$i2.retainPreviousGeometry) focusContainer.style.visibility = "";
 					focusContainer.style.pointerEvents = "";
 				} else {
 					focusContainer.style.visibility = "hidden";
@@ -14882,6 +14915,10 @@ react_dom = __toESM(react_dom);
 					if (!panel.api.isVisible) return;
 					resize();
 				}),
+				(_panel$group$api$onDi = (_panel$group$api$onDi2 = (_panel$group$api = panel.group.api).onDidCollapsedChange) === null || _panel$group$api$onDi2 === void 0 ? void 0 : _panel$group$api$onDi2.call(_panel$group$api, () => {
+					this.positionCache.invalidate();
+					resize();
+				})) !== null && _panel$group$api$onDi !== void 0 ? _panel$group$api$onDi : Disposable.NONE,
 				referenceContainer.onDidDimensionsChange((size) => {
 					applySize(size);
 				}),