dockview-core 8.0.0 → 8.1.0

package/dist/package/main.cjs.js

@@ -1,6 +1,6 @@
 /**
  * dockview-core
- * @version 8.0.0
+ * @version 8.1.0
  * @link https://github.com/dockview/dockview
  * @license MIT
  */
@@ -8,7 +8,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 //#region src/dnd/dataTransfer.ts
 var _LocalSelectionTransfer;
-var TransferObject = class {};
+var TransferObject = class {
+	constructor() {}
+};
 var PanelTransfer = class extends TransferObject {
 	constructor(viewId, groupId, panelId, tabGroupId) {
 		super();
@@ -201,7 +203,6 @@ var Emitter = class Emitter {
 		this.options = options;
 		this._listeners = [];
 		this._disposed = false;
-		this._pauseTokens = /* @__PURE__ */ new Set();
 	}
 	get event() {
 		if (!this._event) {
@@ -222,14 +223,26 @@ var Emitter = class Emitter {
 	}
 	fire(e) {
 		var _this$options2;
-		if (this._pauseTokens.size > 0) return;
+		if (this._pauseTokens !== void 0 && this._pauseTokens.size > 0) return;
 		if ((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : _this$options2.replay) this._last = e;
-		for (const listener of this._listeners.slice()) listener.callback(e);
+		const listeners = this._listeners;
+		const length = listeners.length;
+		if (length === 0) return;
+		if (length === 1) {
+			listeners[0].callback(e);
+			return;
+		}
+		for (const listener of listeners.slice()) listener.callback(e);
 	}
 	pause() {
+		var _this$_pauseTokens;
 		const token = {};
+		(_this$_pauseTokens = this._pauseTokens) !== null && _this$_pauseTokens !== void 0 || (this._pauseTokens = /* @__PURE__ */ new Set());
 		this._pauseTokens.add(token);
-		return Disposable.from(() => this._pauseTokens.delete(token));
+		return Disposable.from(() => {
+			var _this$_pauseTokens2;
+			return (_this$_pauseTokens2 = this._pauseTokens) === null || _this$_pauseTokens2 === void 0 ? void 0 : _this$_pauseTokens2.delete(token);
+		});
 	}
 	dispose() {
 		if (!this._disposed) {
@@ -532,8 +545,10 @@ function onDidWindowMoveEnd(window) {
 	let previousScreenX = window.screenX;
 	let previousScreenY = window.screenY;
 	let timeout;
+	let rafHandle = 0;
+	let stopped = false;
 	const checkMovement = () => {
-		if (window.closed) return;
+		if (stopped || window.closed) return;
 		const currentScreenX = window.screenX;
 		const currentScreenY = window.screenY;
 		if (currentScreenX !== previousScreenX || currentScreenY !== previousScreenY) {
@@ -544,9 +559,18 @@ function onDidWindowMoveEnd(window) {
 			previousScreenX = currentScreenX;
 			previousScreenY = currentScreenY;
 		}
-		requestAnimationFrame(checkMovement);
+		rafHandle = requestAnimationFrame(checkMovement);
 	};
 	checkMovement();
+	const disposeEmitter = emitter.dispose.bind(emitter);
+	emitter.dispose = () => {
+		if (!stopped) {
+			stopped = true;
+			cancelAnimationFrame(rafHandle);
+			clearTimeout(timeout);
+		}
+		disposeEmitter();
+	};
 	return emitter;
 }
 function onDidWindowResizeEnd(element, cb) {
@@ -682,6 +706,11 @@ var ViewItem = class {
 	set size(size) {
 		this._size = size;
 	}
+	setContainerGeometry(prop, value) {
+		if (this._appliedStyles[prop] === value) return;
+		this._appliedStyles[prop] = value;
+		this.container.style[prop] = value;
+	}
 	get size() {
 		return this._size;
 	}
@@ -717,6 +746,7 @@ var ViewItem = class {
 		this.view = view;
 		this.disposable = disposable;
 		this._cachedVisibleSize = void 0;
+		this._appliedStyles = {};
 		if (typeof size === "number") {
 			this._size = size;
 			this._cachedVisibleSize = void 0;
@@ -765,6 +795,16 @@ let LayoutPriority = /* @__PURE__ */ function(LayoutPriority) {
 	LayoutPriority["Normal"] = "normal";
 	return LayoutPriority;
 }({});
+function setSashPosition(sash, left, top) {
+	if (sash.appliedLeft !== left) {
+		sash.appliedLeft = left;
+		sash.container.style.left = left;
+	}
+	if (sash.appliedTop !== top) {
+		sash.appliedTop = top;
+		sash.container.style.top = top;
+	}
+}
 let Sizing;
 (function(_Sizing) {
 	_Sizing.Distribute = { type: "distribute" };
@@ -883,10 +923,6 @@ var Splitview = class {
 				pushToEnd(upIndexes, i);
 				pushToEnd(downIndexes, i);
 			}
-			const upItems = upIndexes.map((i) => this.viewItems[i]);
-			const upSizes = upIndexes.map((i) => sizes[i]);
-			const downItems = downIndexes.map((i) => this.viewItems[i]);
-			const downSizes = downIndexes.map((i) => sizes[i]);
 			const minDeltaUp = upIndexes.reduce((_, i) => _ + this.viewItems[i].minimumSize - sizes[i], 0);
 			const maxDeltaUp = upIndexes.reduce((_, i) => _ + this.viewItems[i].maximumSize - sizes[i], 0);
 			const maxDeltaDown = downIndexes.length === 0 ? Number.POSITIVE_INFINITY : downIndexes.reduce((_, i) => _ + sizes[i] - this.viewItems[i].minimumSize, 0);
@@ -910,19 +946,21 @@ var Splitview = class {
 			const tentativeDelta = clamp(delta, minDelta, maxDelta);
 			let actualDelta = 0;
 			let deltaUp = tentativeDelta;
-			for (let i = 0; i < upItems.length; i++) {
-				const item = upItems[i];
-				const size = clamp(upSizes[i] + deltaUp, item.minimumSize, item.maximumSize);
-				const viewDelta = size - upSizes[i];
+			for (const upIndex of upIndexes) {
+				const item = this.viewItems[upIndex];
+				const priorSize = sizes[upIndex];
+				const size = clamp(priorSize + deltaUp, item.minimumSize, item.maximumSize);
+				const viewDelta = size - priorSize;
 				actualDelta += viewDelta;
 				deltaUp -= viewDelta;
 				item.size = size;
 			}
 			let deltaDown = actualDelta;
-			for (let i = 0; i < downItems.length; i++) {
-				const item = downItems[i];
-				const size = clamp(downSizes[i] - deltaDown, item.minimumSize, item.maximumSize);
-				const viewDelta = size - downSizes[i];
+			for (const downIndex of downIndexes) {
+				const item = this.viewItems[downIndex];
+				const priorSize = sizes[downIndex];
+				const size = clamp(priorSize - deltaDown, item.minimumSize, item.maximumSize);
+				const viewDelta = size - priorSize;
 				deltaDown += viewDelta;
 				item.size = size;
 			}
@@ -1170,13 +1208,22 @@ var Splitview = class {
 		this.saveProportions();
 	}
 	distributeEmptySpace(lowPriorityIndex) {
-		const contentSize = this.viewItems.reduce((r, i) => r + i.size, 0);
+		let contentSize = 0;
+		for (const item of this.viewItems) contentSize += item.size;
 		let emptyDelta = this.size - contentSize;
+		if (emptyDelta === 0) return;
 		const indexes = range(this.viewItems.length - 1, -1);
-		const lowPriorityIndexes = indexes.filter((i) => this.viewItems[i].priority === "low");
-		const highPriorityIndexes = indexes.filter((i) => this.viewItems[i].priority === "high");
-		for (const index of highPriorityIndexes) pushToStart(indexes, index);
-		for (const index of lowPriorityIndexes) pushToEnd(indexes, index);
+		let hasPriority = false;
+		for (const item of this.viewItems) if (item.priority === "low" || item.priority === "high") {
+			hasPriority = true;
+			break;
+		}
+		if (hasPriority) {
+			const lowPriorityIndexes = indexes.filter((i) => this.viewItems[i].priority === "low");
+			const highPriorityIndexes = indexes.filter((i) => this.viewItems[i].priority === "high");
+			for (const index of highPriorityIndexes) pushToStart(indexes, index);
+			for (const index of lowPriorityIndexes) pushToEnd(indexes, index);
+		}
 		if (typeof lowPriorityIndex === "number") pushToEnd(indexes, lowPriorityIndex);
 		for (let i = 0; emptyDelta !== 0 && i < indexes.length; i++) {
 			const item = this.viewItems[indexes[i]];
@@ -1199,49 +1246,45 @@ var Splitview = class {
 	* For each view `i` the offet must be adjusted by `m * i/(n - 1)`.
 	*/
 	layoutViews() {
-		this._contentSize = this.viewItems.reduce((r, i) => r + i.size, 0);
+		let contentSize = 0;
+		let visibleViewCount = 0;
+		for (const item of this.viewItems) {
+			contentSize += item.size;
+			if (item.visible) visibleViewCount++;
+		}
+		this._contentSize = contentSize;
 		this.updateSashEnablement();
 		if (this.viewItems.length === 0) return;
-		const visibleViewItems = this.viewItems.filter((i) => i.visible);
-		const sashCount = Math.max(0, visibleViewItems.length - 1);
-		const marginReducedSize = this.margin * sashCount / Math.max(1, visibleViewItems.length);
+		const sashCount = Math.max(0, visibleViewCount - 1);
+		const marginReducedSize = this.margin * sashCount / Math.max(1, visibleViewCount);
 		let totalLeftOffset = 0;
 		const viewLeftOffsets = [];
 		const sashWidth = 4;
-		const runningVisiblePanelCount = this.viewItems.reduce((arr, viewItem, i) => {
-			const flag = viewItem.visible ? 1 : 0;
-			if (i === 0) arr.push(flag);
-			else arr.push(arr[i - 1] + flag);
-			return arr;
-		}, []);
+		let runningVisiblePanelCount = 0;
 		this.viewItems.forEach((view, i) => {
 			totalLeftOffset += this.viewItems[i].size;
 			viewLeftOffsets.push(totalLeftOffset);
+			runningVisiblePanelCount += view.visible ? 1 : 0;
 			const size = view.visible ? view.size - marginReducedSize : 0;
-			const visiblePanelsBeforeThisView = Math.max(0, runningVisiblePanelCount[i] - 1);
+			const visiblePanelsBeforeThisView = Math.max(0, runningVisiblePanelCount - 1);
 			const offset = i === 0 || visiblePanelsBeforeThisView === 0 ? 0 : viewLeftOffsets[i - 1] + visiblePanelsBeforeThisView / sashCount * marginReducedSize;
 			if (i < this.viewItems.length - 1) {
 				const newSize = view.visible ? offset + size - sashWidth / 2 + this.margin / 2 : offset;
-				if (this._orientation === "HORIZONTAL") {
-					this.sashes[i].container.style.left = `${newSize}px`;
-					this.sashes[i].container.style.top = `0px`;
-				}
-				if (this._orientation === "VERTICAL") {
-					this.sashes[i].container.style.left = `0px`;
-					this.sashes[i].container.style.top = `${newSize}px`;
-				}
+				const sash = this.sashes[i];
+				if (this._orientation === "HORIZONTAL") setSashPosition(sash, `${newSize}px`, `0px`);
+				if (this._orientation === "VERTICAL") setSashPosition(sash, `0px`, `${newSize}px`);
 			}
 			if (this._orientation === "HORIZONTAL") {
-				view.container.style.width = `${size}px`;
-				view.container.style.left = `${offset}px`;
-				view.container.style.top = "";
-				view.container.style.height = "";
+				view.setContainerGeometry("width", `${size}px`);
+				view.setContainerGeometry("left", `${offset}px`);
+				view.setContainerGeometry("top", "");
+				view.setContainerGeometry("height", "");
 			}
 			if (this._orientation === "VERTICAL") {
-				view.container.style.height = `${size}px`;
-				view.container.style.top = `${offset}px`;
-				view.container.style.width = "";
-				view.container.style.left = "";
+				view.setContainerGeometry("height", `${size}px`);
+				view.setContainerGeometry("top", `${offset}px`);
+				view.setContainerGeometry("width", "");
+				view.setContainerGeometry("left", "");
 			}
 			view.view.layout(view.size - marginReducedSize, this._orthogonalSize);
 		});
@@ -1259,6 +1302,7 @@ var Splitview = class {
 		}
 	}
 	updateSashEnablement() {
+		if (this.sashes.length === 0) return;
 		let previous = false;
 		const collapsesDown = this.viewItems.map((i) => previous = i.size - i.minimumSize > 0 || previous);
 		previous = false;
@@ -1565,10 +1609,20 @@ var BranchNode = class BranchNode extends CompositeDisposable {
 		return this.orientation === "HORIZONTAL" ? this.orthogonalSize : this.size;
 	}
 	get minimumSize() {
-		return this.children.length === 0 ? 0 : Math.max(...this.children.map((c, index) => this.splitview.isViewVisible(index) ? c.minimumOrthogonalSize : 0));
+		if (this._cachedMinimumSize === void 0) {
+			let value = 0;
+			for (let index = 0; index < this.children.length; index++) if (this.splitview.isViewVisible(index)) value = Math.max(value, this.children[index].minimumOrthogonalSize);
+			this._cachedMinimumSize = value;
+		}
+		return this._cachedMinimumSize;
 	}
 	get maximumSize() {
-		return Math.min(...this.children.map((c, index) => this.splitview.isViewVisible(index) ? c.maximumOrthogonalSize : Number.POSITIVE_INFINITY));
+		if (this._cachedMaximumSize === void 0) {
+			let value = Number.POSITIVE_INFINITY;
+			for (let index = 0; index < this.children.length; index++) if (this.splitview.isViewVisible(index)) value = Math.min(value, this.children[index].maximumOrthogonalSize);
+			this._cachedMaximumSize = value;
+		}
+		return this._cachedMaximumSize;
 	}
 	get minimumOrthogonalSize() {
 		return this.splitview.minimumSize;
@@ -1595,15 +1649,29 @@ var BranchNode = class BranchNode extends CompositeDisposable {
 		return this.orientation === "HORIZONTAL" ? this.maximumSize : this.maximumOrthogonalSize;
 	}
 	get priority() {
+		var _this$_cachedPriority;
+		(_this$_cachedPriority = this._cachedPriority) !== null && _this$_cachedPriority !== void 0 || (this._cachedPriority = this.computePriority());
+		return this._cachedPriority;
+	}
+	computePriority() {
 		if (this.children.length === 0) return "normal";
-		const priorities = new Set(this.children.map((c) => {
-			var _c$priority;
-			return (_c$priority = c.priority) !== null && _c$priority !== void 0 ? _c$priority : "normal";
-		}));
-		if (priorities.has("high")) return "high";
-		else if (priorities.has("low")) return "low";
+		let hasHigh = false;
+		let hasLow = false;
+		for (const child of this.children) {
+			var _child$priority;
+			const priority = (_child$priority = child.priority) !== null && _child$priority !== void 0 ? _child$priority : "normal";
+			if (priority === "high") hasHigh = true;
+			else if (priority === "low") hasLow = true;
+		}
+		if (hasHigh) return "high";
+		else if (hasLow) return "low";
 		return "normal";
 	}
+	invalidateCachedSizes() {
+		this._cachedMinimumSize = void 0;
+		this._cachedMaximumSize = void 0;
+		this._cachedPriority = void 0;
+	}
 	get disabled() {
 		return this.splitview.disabled;
 	}
@@ -1679,6 +1747,7 @@ var BranchNode = class BranchNode extends CompositeDisposable {
 		if (this.splitview.isViewVisible(index) === visible) return;
 		const wereAllChildrenHidden = this.splitview.contentSize === 0;
 		this.splitview.setViewVisible(index, visible);
+		this.invalidateCachedSizes();
 		const areAllChildrenHidden = this.splitview.contentSize === 0;
 		if (visible && wereAllChildrenHidden || !visible && areAllChildrenHidden) this._onDidVisibilityChange.fire({ visible });
 	}
@@ -1727,12 +1796,14 @@ var BranchNode = class BranchNode extends CompositeDisposable {
 		return child;
 	}
 	setupChildrenEvents() {
+		this.invalidateCachedSizes();
 		this._childrenDisposable.dispose();
 		this._childrenDisposable = new CompositeDisposable(Event.any(...this.children.map((c) => c.onDidChange))((e) => {
 			/**
 			* indicate a change has occured to allows any re-rendering but don't bubble
 			* event because that was specific to this branch
 			*/
+			this.invalidateCachedSizes();
 			this._onDidChange.fire({ size: e.orthogonalSize });
 		}), ...this.children.map((c, i) => {
 			if (c instanceof BranchNode) return c.onDidVisibilityChange(({ visible }) => {
@@ -3409,7 +3480,7 @@ var DockviewApi = class {
 	* Add a group and return the created object.
 	*/
 	addGroup(options) {
-		return this.component.addGroup(options);
+		return this.component.withOrigin("api", () => this.component.addGroup(options));
 	}
 	/**
 	* Close all groups and panels.
@@ -3547,13 +3618,13 @@ var DockviewApi = class {
 		this.activatePrevious(options);
 	}
 	maximizeGroup(panel) {
-		this.component.maximizeGroup(panel.group);
+		this.component.withOrigin("api", () => this.component.maximizeGroup(panel.group));
 	}
 	hasMaximizedGroup() {
 		return this.component.hasMaximizedGroup();
 	}
 	exitMaximizedGroup() {
-		this.component.exitMaximizedGroup();
+		this.component.withOrigin("api", () => this.component.exitMaximizedGroup());
 	}
 	get onDidMaximizedGroupChange() {
 		return this.component.onDidMaximizedGroupChange;
@@ -5508,9 +5579,6 @@ var ContentContainer = class extends CompositeDisposable {
 		const doRender = ((_options$asActive = options === null || options === void 0 ? void 0 : options.asActive) !== null && _options$asActive !== void 0 ? _options$asActive : true) || this.panel && this.group.isPanelActive(this.panel);
 		if (((_this$panel = this.panel) === null || _this$panel === void 0 ? void 0 : _this$panel.view.content.element.parentElement) === this._element) {
 			var _this$panel$view$cont, _this$panel$view$cont2;
-			/**
-			* If the currently attached panel is mounted directly to the content then remove it
-			*/
 			this.panel.view.content.element.remove();
 			(_this$panel$view$cont = (_this$panel$view$cont2 = this.panel.view.content).onHide) === null || _this$panel$view$cont === void 0 || _this$panel$view$cont.call(_this$panel$view$cont2);
 		}
@@ -6251,7 +6319,7 @@ var Scrollbar = class Scrollbar extends CompositeDisposable {
 		this.element.appendChild(this._scrollbar);
 		this.addDisposables(addDisposableListener(this.element, "wheel", (event) => {
 			this._scrollOffset += event.deltaY * Scrollbar.MouseWheelSpeed;
-			this.calculateScrollbarStyles();
+			this.scheduleStyleUpdate();
 		}), addDisposableListener(this._scrollbar, "pointerdown", (event) => {
 			var _this$_scrollbar$owne;
 			event.preventDefault();
@@ -6263,7 +6331,7 @@ var Scrollbar = class Scrollbar extends CompositeDisposable {
 				const delta = this._orientation === "horizontal" ? event.clientX - originalClient : event.clientY - originalClient;
 				const p = (this._orientation === "horizontal" ? this.element.clientWidth : this.element.clientHeight) / (this._orientation === "horizontal" ? this.scrollableElement.scrollWidth : this.scrollableElement.scrollHeight);
 				this._scrollOffset = originalScrollOffset + delta / p;
-				this.calculateScrollbarStyles();
+				this.scheduleStyleUpdate();
 			};
 			const onEnd = () => {
 				toggleClass(this.element, "dv-scrollable-scrolling", false);
@@ -6275,10 +6343,10 @@ var Scrollbar = class Scrollbar extends CompositeDisposable {
 			doc.addEventListener("pointerup", onEnd);
 			doc.addEventListener("pointercancel", onEnd);
 		}), addDisposableListener(this.element, "scroll", () => {
-			this.calculateScrollbarStyles();
+			this.scheduleStyleUpdate();
 		}), addDisposableListener(this.scrollableElement, "scroll", () => {
 			this._scrollOffset = this._orientation === "horizontal" ? this.scrollableElement.scrollLeft : this.scrollableElement.scrollTop;
-			this.calculateScrollbarStyles();
+			this.scheduleStyleUpdate();
 		}), watchElementResize(this.element, () => {
 			toggleClass(this.element, "dv-scrollable-resizing", true);
 			if (this._animationTimer) clearTimeout(this._animationTimer);
@@ -6286,9 +6354,29 @@ var Scrollbar = class Scrollbar extends CompositeDisposable {
 				clearTimeout(this._animationTimer);
 				toggleClass(this.element, "dv-scrollable-resizing", false);
 			}, 500);
-			this.calculateScrollbarStyles();
+			this.scheduleStyleUpdate();
+		}), Disposable.from(() => {
+			if (this._pendingStyleFrame !== void 0) {
+				cancelAnimationFrame(this._pendingStyleFrame);
+				this._pendingStyleFrame = void 0;
+			}
 		}));
 	}
+	/**
+	* Coalesce the scrollbar restyle to one pass per animation frame. The
+	* wheel / scroll / pointermove handlers can each fire many times per frame,
+	* and `calculateScrollbarStyles` both reads layout (`clientWidth`/
+	* `scrollWidth`) and writes styles + `scrollLeft`/`scrollTop`; running it
+	* synchronously per event caused repeated read→write→read reflow. Batching
+	* to a frame keeps a burst of events to a single measure+write.
+	*/
+	scheduleStyleUpdate() {
+		if (this._pendingStyleFrame !== void 0) return;
+		this._pendingStyleFrame = requestAnimationFrame(() => {
+			this._pendingStyleFrame = void 0;
+			this.calculateScrollbarStyles();
+		});
+	}
 	calculateScrollbarStyles() {
 		const clientSize = this._orientation === "horizontal" ? this.element.clientWidth : this.element.clientHeight;
 		const scrollSize = this._orientation === "horizontal" ? this.scrollableElement.scrollWidth : this.scrollableElement.scrollHeight;
@@ -8749,8 +8837,8 @@ var Tabs = class extends CompositeDisposable {
 		}, true), addDisposableListener(this._tabsList, "dragend", () => {
 			this._reorder.resetDragAnimation();
 		}), addDisposableListener(this._tabsList, "drop", (event) => {
-			var _this$accessor$option, _this$group$model$dro;
-			if (!this._animState || this._animState.currentInsertionIndex === null) return;
+			var _this$_animState3, _this$accessor$option, _this$group$model$dro;
+			if (((_this$_animState3 = this._animState) === null || _this$_animState3 === void 0 ? void 0 : _this$_animState3.currentInsertionIndex) == null) return;
 			if (((_this$accessor$option = this.accessor.options.theme) === null || _this$accessor$option === void 0 ? void 0 : _this$accessor$option.tabAnimation) !== "smooth" && !this._animState.sourceTabGroupId) return;
 			event.stopPropagation();
 			event.preventDefault();
@@ -8955,7 +9043,7 @@ var Tabs = class extends CompositeDisposable {
 					};
 					this._pendingCollapse = true;
 					requestAnimationFrame(() => {
-						var _this$_animState3, _this$_animState3$cur;
+						var _this$_animState4, _this$_animState4$cur;
 						this._pendingCollapse = false;
 						if (!this._animState) return;
 						if (!this._tabsList.classList.contains("dv-tabs-container--wrap")) {
@@ -8963,7 +9051,7 @@ var Tabs = class extends CompositeDisposable {
 							toggleClass(tab.element, "dv-tab--dragging", true);
 							tab.element.offsetHeight;
 						}
-						(_this$_animState3$cur = (_this$_animState3 = this._animState).currentInsertionIndex) !== null && _this$_animState3$cur !== void 0 || (_this$_animState3.currentInsertionIndex = sourceIndex);
+						(_this$_animState4$cur = (_this$_animState4 = this._animState).currentInsertionIndex) !== null && _this$_animState4$cur !== void 0 || (_this$_animState4.currentInsertionIndex = sourceIndex);
 						this.applyDragOverTransforms(true);
 						tab.element.style.removeProperty("transition");
 					});
@@ -9052,8 +9140,8 @@ var Tabs = class extends CompositeDisposable {
 		}
 	}
 	delete(id) {
-		var _this$_animState4;
-		if (((_this$_animState4 = this._animState) === null || _this$_animState4 === void 0 ? void 0 : _this$_animState4.sourceTabId) === id) {
+		var _this$_animState5;
+		if (((_this$_animState5 = this._animState) === null || _this$_animState5 === void 0 ? void 0 : _this$_animState5.sourceTabId) === id) {
 			this.resetTabTransforms();
 			this._animState = null;
 		}
@@ -9170,7 +9258,7 @@ var Tabs = class extends CompositeDisposable {
 		const groupPanelIds = new Set(tabGroup.panelIds);
 		this._pendingCollapse = true;
 		requestAnimationFrame(() => {
-			var _this$_animState5, _this$_animState5$cur;
+			var _this$_animState6, _this$_animState6$cur;
 			this._pendingCollapse = false;
 			if (!this._animState) return;
 			for (const t of this._tabs) if (groupPanelIds.has(t.value.panel.id)) {
@@ -9185,7 +9273,7 @@ var Tabs = class extends CompositeDisposable {
 			this._tabsList.offsetHeight;
 			const underline = this._tabGroupManager.groupUnderlines.get(tabGroup.id);
 			if (underline) underline.style.display = "none";
-			(_this$_animState5$cur = (_this$_animState5 = this._animState).currentInsertionIndex) !== null && _this$_animState5$cur !== void 0 || (_this$_animState5.currentInsertionIndex = firstIdx);
+			(_this$_animState6$cur = (_this$_animState6 = this._animState).currentInsertionIndex) !== null && _this$_animState6$cur !== void 0 || (_this$_animState6.currentInsertionIndex = firstIdx);
 			this.applyDragOverTransforms(true);
 			for (const t of this._tabs) if (groupPanelIds.has(t.value.panel.id)) t.value.element.style.removeProperty("transition");
 			if (chipEntry) chipEntry.chip.element.style.removeProperty("transition");
@@ -9920,6 +10008,7 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
 	set headerPosition(value) {
 		var _this$_activePanel;
 		this._headerPosition = value;
+		this.invalidateHeaderSize();
 		removeClasses(this.container, "dv-groupview-header-top", "dv-groupview-header-bottom", "dv-groupview-header-left", "dv-groupview-header-right");
 		addClasses(this.container, `dv-groupview-header-${value}`);
 		const direction = value === "top" || value === "bottom" ? "horizontal" : "vertical";
@@ -10061,7 +10150,14 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
 		this.header.hidden = !!options.hideHeader;
 		this.locked = (_options$locked = options.locked) !== null && _options$locked !== void 0 ? _options$locked : false;
 		this.headerPosition = (_options$headerPositi = options.headerPosition) !== null && _options$headerPositi !== void 0 ? _options$headerPositi : accessor.defaultHeaderPosition;
-		this.addDisposables(this._onDidPanelTitleChange.event(() => this.updateAccessibleLabel()), this._onTabDragStart, this._onGroupDragStart, this._onWillShowOverlay, this.tabsContainer.onTabDragStart((event) => {
+		this.addDisposables(watchElementResize(this.tabsContainer.element, () => {
+			if (this.isDisposed) return;
+			const size = this.measureHeaderSize();
+			if (size !== this._cachedHeaderSize) {
+				this._cachedHeaderSize = size;
+				this.layout(this._width, this._height);
+			}
+		}), this._onDidPanelTitleChange.event(() => this.updateAccessibleLabel()), this._onTabDragStart, this._onGroupDragStart, this._onWillShowOverlay, this.tabsContainer.onTabDragStart((event) => {
 			this._onTabDragStart.fire(event);
 		}), this.tabsContainer.onGroupDragStart((event) => {
 			this._onGroupDragStart.fire(event);
@@ -10518,16 +10614,11 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
 		(_this$_activePanel3 = this._activePanel) === null || _this$_activePanel3 === void 0 || _this$_activePanel3.focus();
 	}
 	openPanel(panel, options = {}) {
-		/**
-		* set the panel group
-		* add the panel
-		* check if group active
-		* check if panel active
-		*/
 		if (typeof options.index !== "number" || options.index > this.panels.length) options.index = this.panels.length;
 		const skipSetActive = !!options.skipSetActive;
 		panel.updateParentGroup(this.groupPanel, { skipSetActive: options.skipSetActive });
 		this.doAddPanel(panel, options.index, { skipSetActive });
+		this.invalidateHeaderSize();
 		if (this._activePanel === panel) {
 			this.contentContainer.renderPanel(panel, { asActive: true });
 			return;
@@ -10590,6 +10681,7 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
 	* changing) down to the content + active panel.
 	*/
 	relayout() {
+		this.invalidateHeaderSize();
 		this.layout(this._width, this._height);
 	}
 	/**
@@ -10599,17 +10691,32 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
 	* width); a hidden header has `display:none` so its `offset*` is 0 and
 	* nothing is subtracted.
 	*/
-	contentDimensions() {
+	/**
+	* Measure the header's extent along its occupied axis. This is the single
+	* forced-reflow read; it now runs only on a cache miss (first layout after
+	* a header change) and inside the header's ResizeObserver — not on every
+	* layout frame.
+	*/
+	measureHeaderSize() {
 		const headerEl = this.tabsContainer.element;
+		return this.headerPosition === "top" || this.headerPosition === "bottom" ? headerEl.offsetHeight : headerEl.offsetWidth;
+	}
+	invalidateHeaderSize() {
+		this._cachedHeaderSize = void 0;
+	}
+	contentDimensions() {
+		var _this$_cachedHeaderSi;
 		const horizontal = this.headerPosition === "top" || this.headerPosition === "bottom";
+		const headerSize = (_this$_cachedHeaderSi = this._cachedHeaderSize) !== null && _this$_cachedHeaderSi !== void 0 ? _this$_cachedHeaderSi : this._cachedHeaderSize = this.measureHeaderSize();
 		return {
-			width: horizontal ? this._width : Math.max(0, this._width - headerEl.offsetWidth),
-			height: horizontal ? Math.max(0, this._height - headerEl.offsetHeight) : this._height
+			width: horizontal ? this._width : Math.max(0, this._width - headerSize),
+			height: horizontal ? Math.max(0, this._height - headerSize) : this._height
 		};
 	}
 	_removePanel(panel, options) {
 		const isActivePanel = this._activePanel === panel;
 		this.doRemovePanel(panel);
+		this.invalidateHeaderSize();
 		if (isActivePanel && this.panels.length > 0) {
 			const nextPanel = this.mostRecentlyUsed[0];
 			this.openPanel(nextPanel, {
@@ -10935,6 +11042,7 @@ var GridviewPanel = class extends BasePanelView {
 			if (typeof event.minimumHeight === "number" || typeof event.minimumHeight === "function") this._minimumHeight = event.minimumHeight;
 			if (typeof event.maximumWidth === "number" || typeof event.maximumWidth === "function") this._maximumWidth = event.maximumWidth;
 			if (typeof event.maximumHeight === "number" || typeof event.maximumHeight === "function") this._maximumHeight = event.maximumHeight;
+			this._onDidChange.fire(void 0);
 		}), this.api.onDidSizeChange((event) => {
 			this._onDidChange.fire({
 				height: event.height,
@@ -11054,20 +11162,22 @@ var DockviewGroupPanelApiImpl = class extends GridviewPanelApiImpl {
 		return this._group.model.headerPosition;
 	}
 	moveTo(options) {
-		var _options$group, _options$position, _options$skipSetActiv, _options$position2;
 		if (!this._group) throw new Error(NOT_INITIALIZED_MESSAGE);
-		const group = (_options$group = options.group) !== null && _options$group !== void 0 ? _options$group : this.accessor.addGroup({
-			direction: positionToDirection((_options$position = options.position) !== null && _options$position !== void 0 ? _options$position : "right"),
-			skipSetActive: (_options$skipSetActiv = options.skipSetActive) !== null && _options$skipSetActiv !== void 0 ? _options$skipSetActiv : false
-		});
-		this.accessor.moveGroupOrPanel({
-			from: { groupId: this._group.id },
-			to: {
-				group,
-				position: options.group ? (_options$position2 = options.position) !== null && _options$position2 !== void 0 ? _options$position2 : "center" : "center",
-				index: options.index
-			},
-			skipSetActive: options.skipSetActive
+		this.accessor.withOrigin("api", () => {
+			var _options$group, _options$position, _options$skipSetActiv, _options$position2;
+			const group = (_options$group = options.group) !== null && _options$group !== void 0 ? _options$group : this.accessor.addGroup({
+				direction: positionToDirection((_options$position = options.position) !== null && _options$position !== void 0 ? _options$position : "right"),
+				skipSetActive: (_options$skipSetActiv = options.skipSetActive) !== null && _options$skipSetActiv !== void 0 ? _options$skipSetActiv : false
+			});
+			this.accessor.moveGroupOrPanel({
+				from: { groupId: this._group.id },
+				to: {
+					group,
+					position: options.group ? (_options$position2 = options.position) !== null && _options$position2 !== void 0 ? _options$position2 : "center" : "center",
+					index: options.index
+				},
+				skipSetActive: options.skipSetActive
+			});
 		});
 	}
 	maximize() {
@@ -11416,18 +11526,20 @@ var DockviewPanelApiImpl = class extends GridviewPanelApiImpl {
 		this.accessor.withOrigin("api", () => super.setActive());
 	}
 	moveTo(options) {
-		var _options$group, _options$position;
-		this.accessor.moveGroupOrPanel({
-			from: {
-				groupId: this._group.id,
-				panelId: this.panel.id
-			},
-			to: {
-				group: (_options$group = options.group) !== null && _options$group !== void 0 ? _options$group : this._group,
-				position: options.group ? (_options$position = options.position) !== null && _options$position !== void 0 ? _options$position : "center" : "center",
-				index: options.index
-			},
-			skipSetActive: options.skipSetActive
+		this.accessor.withOrigin("api", () => {
+			var _options$group, _options$position;
+			return this.accessor.moveGroupOrPanel({
+				from: {
+					groupId: this._group.id,
+					panelId: this.panel.id
+				},
+				to: {
+					group: (_options$group = options.group) !== null && _options$group !== void 0 ? _options$group : this._group,
+					position: options.group ? (_options$position = options.position) !== null && _options$position !== void 0 ? _options$position : "center" : "center",
+					index: options.index
+				},
+				skipSetActive: options.skipSetActive
+			});
 		});
 	}
 	setTitle(title) {
@@ -12537,12 +12649,6 @@ const OPTION_MODULE_RULES = [
 		moduleName: "ContextMenu",
 		when: (o) => o.getTabGroupChipContextMenuItems != null
 	},
-	{
-		optionKey: "createContextMenuItemComponent",
-		reason: "createContextMenuItemComponent",
-		moduleName: "ContextMenu",
-		when: (o) => o.createContextMenuItemComponent != null
-	},
 	{
 		optionKey: "dndCompass",
 		reason: "dndCompass",
@@ -13271,7 +13377,18 @@ var LiveRegionService = class extends CompositeDisposable {
 			prev = next;
 			const panel = group.activePanel;
 			if (!panel) return;
-			const kind = next === "floating" ? "float" : next === "popout" ? "popout" : "dock";
+			let kind;
+			switch (next) {
+				case "floating":
+					kind = "float";
+					break;
+				case "popout":
+					kind = "popout";
+					break;
+				default:
+					kind = "dock";
+					break;
+			}
 			this._announce(panel, kind);
 		});
 		this._locationSubs.set(group.id, sub);
@@ -13323,29 +13440,14 @@ const LiveRegionModule = defineModule({
 
 //#endregion
 //#region src/dockview/advancedDnDService.ts
-/** Cursor offset of the group drag ghost, matched to the long-shipped default. */
+/** Cursor offset of the group drag ghost. */
 const GROUP_DRAG_GHOST_OFFSET_X = 30;
 const GROUP_DRAG_GHOST_OFFSET_Y = -10;
 /**
-* The narrow surface the {@link AdvancedDnDService} needs from the host
-* (the `DockviewComponent`).
-*
-* The `onWill*` emitters stay on the component so the public event shape is
-* unchanged whether or not this module is registered; the service is only the
-* dispatch point those fires are routed through. Engine policy (e.g. the
-* `disableDnd` guard) stays on the component, ahead of the dispatch.
-*/
-/**
 * Owns the dispatch of the advanced drag-and-drop hooks: `onWillDragPanel`,
-* `onWillDragGroup`, `onWillDrop` and `onWillShowOverlay`.
-*
-* At this stage the service is a thin dispatcher that forwards to the host's
-* emitters; the customisation surface it gates (custom drop overlays, custom
-* group drag ghosts, hook veto/transform behaviour) is currently inlined in
-* core and is extracted into this service in later phases. Routing the
-* dispatch through a module slot is what lets that customisation layer move
-* into a separately-distributed package in a future major version without
-* changing the public event surface.
+* `onWillDragGroup`, `onWillDrop` and `onWillShowOverlay`, forwarding each to
+* the host's emitters so the public event shape is unchanged whether or not
+* this module is registered.
 *
 * The service holds no drag state of its own. The gesture is driven by the
 * DnD backends, and the per-group subscriptions live on the component's group
@@ -13471,7 +13573,7 @@ const AllModules = [
 //#region src/overlay/overlayRenderContainer.ts
 var PositionCache = class {
 	constructor() {
-		this.cache = /* @__PURE__ */ new Map();
+		this.cache = /* @__PURE__ */ new WeakMap();
 		this.currentFrameId = 0;
 		this.rafId = null;
 	}
@@ -15140,7 +15242,22 @@ var DockviewComponent = class extends BaseGrid {
 			const rect = candidate.element.getBoundingClientRect();
 			const dx = rect.left + rect.width / 2 - fromX;
 			const dy = rect.top + rect.height / 2 - fromY;
-			if (!(direction === "left" ? dx < 0 && Math.abs(dx) >= Math.abs(dy) : direction === "right" ? dx > 0 && Math.abs(dx) >= Math.abs(dy) : direction === "up" ? dy < 0 && Math.abs(dy) >= Math.abs(dx) : dy > 0 && Math.abs(dy) >= Math.abs(dx))) continue;
+			let inDirection;
+			switch (direction) {
+				case "left":
+					inDirection = dx < 0 && Math.abs(dx) >= Math.abs(dy);
+					break;
+				case "right":
+					inDirection = dx > 0 && Math.abs(dx) >= Math.abs(dy);
+					break;
+				case "up":
+					inDirection = dy < 0 && Math.abs(dy) >= Math.abs(dx);
+					break;
+				default:
+					inDirection = dy > 0 && Math.abs(dy) >= Math.abs(dx);
+					break;
+			}
+			if (!inDirection) continue;
 			const distance = dx * dx + dy * dy;
 			if (distance < bestDistance) {
 				bestDistance = distance;
@@ -15988,11 +16105,15 @@ var DockviewComponent = class extends BaseGrid {
 	/**
 	* Reveal (create-or-fill) the edge group at `position` and move the dragged
 	* item described by `data` into it. A newly created edge group is created
-	* collapsed and flagged `autoReveal` so it tears down to zero footprint when
-	* later emptied. If an edge group already exists there it is reused: the
-	* panel is added to its tabs and its collapsed/toggled state is left as-is
-	* (never re-created; `addEdgeGroup` throws on a duplicate position). No-op if
-	* the EdgeGroup module is absent.
+	* collapsed, flagged `autoReveal` so it tears down to zero footprint when
+	* later emptied, and takes its auto-hide state from `options.autoHide`. If an
+	* edge group already exists there it is reused: the panel is added to its
+	* tabs and its collapsed/toggled *and auto-hide* state are left as-is (never
+	* re-created; `addEdgeGroup` throws on a duplicate position). This keeps a
+	* drag-reveal from silently converting a static edge group into an
+	* auto-hiding one; to change an existing group's auto-hide, call
+	* `api.getEdgeGroup(position)?.setAutoHide(...)` directly. No-op if the
+	* EdgeGroup module is absent.
 	*
 	* This is the primitive behind the dock-to-edge groups: the two-band
 	* drag-reveal affordance routes its outer-band drops here.
@@ -16011,7 +16132,7 @@ var DockviewComponent = class extends BaseGrid {
 					collapsed: true
 				});
 				group = service.get(position);
-			} else if ((options === null || options === void 0 ? void 0 : options.autoHide) !== void 0) this.setEdgeGroupAutoHide(group, options.autoHide);
+			}
 			if (!group) return;
 			this.moveGroupOrPanel({
 				from: {
@@ -16542,6 +16663,7 @@ var DockviewComponent = class extends BaseGrid {
 			height: options.initialHeight
 		};
 		let index;
+		const shouldSkipSetActive = (group) => !!options.inactive && group.model.size > 0;
 		if (options.position) if (isPanelOptionsWithPanel(options.position)) {
 			const referencePanel = typeof options.position.referencePanel === "string" ? this.getGroupPanel(options.position.referencePanel) : options.position.referencePanel;
 			index = options.position.index;
@@ -16564,7 +16686,7 @@ var DockviewComponent = class extends BaseGrid {
 			const group = this.orthogonalize(directionToPosition(options.position.direction));
 			const panel = this.createPanel(options, group);
 			group.model.openPanel(panel, {
-				skipSetActive: options.inactive,
+				skipSetActive: shouldSkipSetActive(group),
 				skipSetGroupActive: options.inactive,
 				index
 			});
@@ -16591,14 +16713,14 @@ var DockviewComponent = class extends BaseGrid {
 				}));
 				panel = this.createPanel(options, group);
 				group.model.openPanel(panel, {
-					skipSetActive: options.inactive,
+					skipSetActive: shouldSkipSetActive(group),
 					skipSetGroupActive: options.inactive,
 					index
 				});
 			} else if (referenceGroup.api.location.type === "floating" || referenceGroup.api.location.type === "edge" || target === "center") {
 				panel = this.createPanel(options, referenceGroup);
 				referenceGroup.model.openPanel(panel, {
-					skipSetActive: options.inactive,
+					skipSetActive: shouldSkipSetActive(referenceGroup),
 					skipSetGroupActive: options.inactive,
 					index
 				});
@@ -16613,7 +16735,7 @@ var DockviewComponent = class extends BaseGrid {
 				const group = this.createGroupAtLocation(relativeLocation, this.orientationAtLocation(relativeLocation) === "VERTICAL" ? initial === null || initial === void 0 ? void 0 : initial.height : initial === null || initial === void 0 ? void 0 : initial.width);
 				panel = this.createPanel(options, group);
 				group.model.openPanel(panel, {
-					skipSetActive: options.inactive,
+					skipSetActive: shouldSkipSetActive(group),
 					skipSetGroupActive: options.inactive,
 					index
 				});
@@ -16630,7 +16752,7 @@ var DockviewComponent = class extends BaseGrid {
 			}));
 			panel = this.createPanel(options, group);
 			group.model.openPanel(panel, {
-				skipSetActive: options.inactive,
+				skipSetActive: shouldSkipSetActive(group),
 				skipSetGroupActive: options.inactive,
 				index
 			});
@@ -16638,7 +16760,7 @@ var DockviewComponent = class extends BaseGrid {
 			const group = this.createGroupAtLocation([0], this.gridview.orientation === "VERTICAL" ? initial === null || initial === void 0 ? void 0 : initial.height : initial === null || initial === void 0 ? void 0 : initial.width);
 			panel = this.createPanel(options, group);
 			group.model.openPanel(panel, {
-				skipSetActive: options.inactive,
+				skipSetActive: shouldSkipSetActive(group),
 				skipSetGroupActive: options.inactive,
 				index
 			});