@xh/hoist 86.4.0 → 86.4.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 86.4.1 - 2026-08-11
+
+### 🐞 Bug Fixes
+
+* Fixed `DashContainer` sizing regression introduced with the golden-layout fork in v86.0.0. CSS
+  padding applied to the container element was incorrectly counted as available layout space,
+  causing dashboard content to render oversized and cut off.
+* Revert swiper library to previous version to address swiping regressions (#4559)
+
+### 📚 Libraries
+* swiper  `12.1 -> 14.0`
+
+
 ## 86.4.0 - 2026-07-15
 
 ### 🎁 New Features

package/build/types/kit/swiper/index.d.ts

@@ -28,7 +28,6 @@ export declare const swiper: import("@xh/hoist/core").ElementFactory<import("rea
     onScrollbarDragMove?: (swiper: import("swiper/types").Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
     onScrollbarDragEnd?: (swiper: import("swiper/types").Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
     onZoomChange?: (swiper: import("swiper/types").Swiper, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;
-    onVirtualUpdate?: (swiper: import("swiper/types").Swiper) => void;
     onInit?: (swiper: import("swiper/types").Swiper) => any;
     onBeforeDestroy?: (swiper: import("swiper/types").Swiper) => void;
     onSlidesUpdated?: (swiper: import("swiper/types").Swiper) => void;
@@ -54,8 +53,8 @@ export declare const swiper: import("@xh/hoist/core").ElementFactory<import("rea
     onReachEnd?: (swiper: import("swiper/types").Swiper) => void;
     onToEdge?: (swiper: import("swiper/types").Swiper) => void;
     onFromEdge?: (swiper: import("swiper/types").Swiper) => void;
-    onSetTranslate?: (swiper: import("swiper/types").Swiper, translate: number, byController?: boolean | Swiper) => void;
-    onSetTransition?: (swiper: import("swiper/types").Swiper, transition: number, byController?: boolean | Swiper) => void;
+    onSetTranslate?: (swiper: import("swiper/types").Swiper, translate: number) => void;
+    onSetTransition?: (swiper: import("swiper/types").Swiper, transition: number) => void;
     onResize?: (swiper: import("swiper/types").Swiper) => void;
     onObserverUpdate?: (swiper: import("swiper/types").Swiper) => void;
     onBeforeLoopFix?: (swiper: import("swiper/types").Swiper) => void;
@@ -78,7 +77,7 @@ export declare const swiper: import("@xh/hoist/core").ElementFactory<import("rea
     onBeforeInit?: (swiper: import("swiper/types").Swiper) => void;
     onBeforeResize?: (swiper: import("swiper/types").Swiper) => void;
     onBeforeSlideChangeStart?: (swiper: import("swiper/types").Swiper) => void;
-    onBeforeTransitionStart?: (swiper: import("swiper/types").Swiper, speed: number, internal: unknown) => void;
+    onBeforeTransitionStart?: (swiper: import("swiper/types").Swiper, speed: number, internal: any) => void;
     onChangeDirection?: (swiper: import("swiper/types").Swiper) => void;
     onDoubleClick?: (swiper: import("swiper/types").Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
     onDestroy?: (swiper: import("swiper/types").Swiper) => void;

package/kit/golden-layout/impl/js/LayoutManager.js

@@ -210,8 +210,8 @@ lm.utils.copy( lm.LayoutManager.prototype, {
 			this.width = width;
 			this.height = height;
 		} else {
-			this.width = containerNode.clientWidth;
-			this.height = containerNode.clientHeight;
+			this.width = lm.utils.contentWidth( containerNode );
+			this.height = lm.utils.contentHeight( containerNode );
 		}
 
 		if( this.isInitialised === true ) {
@@ -219,8 +219,8 @@ lm.utils.copy( lm.LayoutManager.prototype, {
 
 			if( this._maximisedItem ) {
 				var maxNode = this._maximisedItem.element;
-				maxNode.style.width = containerNode.clientWidth + 'px';
-				maxNode.style.height = containerNode.clientHeight + 'px';
+				maxNode.style.width = lm.utils.contentWidth( containerNode ) + 'px';
+				maxNode.style.height = lm.utils.contentHeight( containerNode ) + 'px';
 				this._maximisedItem.callDownwards( 'setSize' );
 			}
 
@@ -379,8 +379,8 @@ lm.utils.copy( lm.LayoutManager.prototype, {
 		itemNode.classList.add( 'lm_maximised' );
 		itemNode.after( placeholderNode );
 		rootNode.prepend( itemNode );
-		itemNode.style.width = containerNode.clientWidth + 'px';
-		itemNode.style.height = containerNode.clientHeight + 'px';
+		itemNode.style.width = lm.utils.contentWidth( containerNode ) + 'px';
+		itemNode.style.height = lm.utils.contentHeight( containerNode ) + 'px';
 		contentItem.callDownwards( 'setSize' );
 		this._maximisedItem.emit( 'maximised' );
 		this.emit( 'stateChanged' );

package/kit/golden-layout/impl/js/controls/DragProxy.js

@@ -62,8 +62,8 @@ lm.controls.DragProxy = function( x, y, dragListener, layoutManager, contentItem
 
 	this._minX = containerRect.left + window.scrollX;
 	this._minY = containerRect.top + window.scrollY;
-	this._maxX = containerNode.clientWidth + this._minX;
-	this._maxY = containerNode.clientHeight + this._minY;
+	this._maxX = lm.utils.contentWidth(containerNode) + this._minX;
+	this._maxY = lm.utils.contentHeight(containerNode) + this._minY;
 	this._width = this.element.clientWidth;
 	this._height = this.element.clientHeight;
 

package/kit/golden-layout/impl/js/items/Root.js

@@ -29,8 +29,8 @@ lm.utils.copy( lm.items.Root.prototype, {
 
 	setSize: function( width, height ) {
 		var containerNode = this._containerElement;
-		width = ( typeof width === 'undefined' ) ? containerNode.clientWidth : width;
-		height = ( typeof height === 'undefined' ) ? containerNode.clientHeight : height;
+		width = ( typeof width === 'undefined' ) ? lm.utils.contentWidth( containerNode ) : width;
+		height = ( typeof height === 'undefined' ) ? lm.utils.contentHeight( containerNode ) : height;
 
 		this.element.style.width = width + 'px';
 		this.element.style.height = height + 'px';

package/kit/golden-layout/impl/js/utils/utils.js

@@ -159,6 +159,20 @@ lm.utils.getUniqueId = function() {
 		.replace( '.', '' );
 };
 
+/**
+ * Content-box dimensions - equivalent to jQuery's .width()/.height(),
+ * which the pre-fork code used. clientWidth/Height include CSS padding.
+ */
+lm.utils.contentWidth = function( node ) {
+	var style = getComputedStyle( node );
+	return node.clientWidth - parseFloat( style.paddingLeft ) - parseFloat( style.paddingRight );
+};
+
+lm.utils.contentHeight = function( node ) {
+	var style = getComputedStyle( node );
+	return node.clientHeight - parseFloat( style.paddingTop ) - parseFloat( style.paddingBottom );
+};
+
 /**
  * A basic XSS filter. It is ultimately up to the
  * implementing developer to make sure their particular

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "86.4.0",
+  "version": "86.4.1",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": {
     "type": "git",
@@ -90,7 +90,7 @@
     "semver": "~7.8.0",
     "short-unique-id": "~5.3.2",
     "store2": "~2.14.3",
-    "swiper": "^14.0.0",
+    "swiper": "^12.1.2",
     "ts-morph": "^27.0.2",
     "tsx": "^4.21.0",
     "ua-parser-js": "~2.0.4",