@signal9/era-ui 1.11.0 → 1.11.2

package/dist/ui/pane/pane-root.svelte

@@ -84,13 +84,14 @@
 	// TEMP: show the grab zones while developing. Flip to false to hide them.
 	const SHOW_RESIZE_ZONES = true;
 
-	// Resize handles — a tidy OUTER MOAT: every hit zone sits fully OUTSIDE the
-	// pane (translate ±100%), so nothing reaches into the interior/frame and the
-	// whole content (drag bar included) is left completely clear. Edges are thin
-	// h-md/4 strips down each side; corners are h-md/2 squares filling the four
-	// diagonal gaps between them. `dir` is any of n/s/e/w; a 2-letter dir is a
-	// corner. Handles live in a layer aligned to the pane's border box (markup)
-	// and are data-pane-control so they never start a pane drag.
+	// Resize handles. Every strip protrudes xs-inset-sm (= sp/2, the same inset
+	// that gaps the close button from the pane edge) OUTSIDE the pane. n + w are
+	// that thin outward-only. s + e straddle (translate ±50%, double thickness)
+	// so they also reach xs-inset-sm INWARD — on the right, filling the close-
+	// button gap up to the button's edge. Corners are h-md/2 squares filling the
+	// four diagonal gaps. `dir` is any of n/s/e/w; a 2-letter dir is a corner.
+	// Handles live in a layer aligned to the pane's border box (markup) and are
+	// data-pane-control so they never start a pane drag.
 	type ResizeDir = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
 	const RESIZE_HANDLES: { dir: ResizeDir; cursor: string; place: string }[] = [
 		// edges FIRST so the corners (rendered after) paint on top of them and win
@@ -101,25 +102,25 @@
 		{
 			dir: 'n',
 			cursor: 'cursor-ns-resize',
-			place: 'top:0;left:0;right:0;translate:0 -100%;height:calc(var(--era-h-md)/4)'
+			place: 'top:0;left:0;right:0;translate:0 -100%;height:var(--era-xs-inset-sm)'
 		},
 		{
 			dir: 's',
 			cursor: 'cursor-ns-resize',
-			place: 'bottom:0;left:0;right:0;translate:0 50%;height:calc(var(--era-h-md)/2)'
+			place: 'bottom:0;left:0;right:0;translate:0 50%;height:calc(var(--era-xs-inset-sm)*2)'
 		},
 		{
 			dir: 'w',
 			cursor: 'cursor-ew-resize',
-			place: 'left:0;top:0;bottom:0;translate:-100% 0;width:calc(var(--era-h-md)/4)'
+			place: 'left:0;top:0;bottom:0;translate:-100% 0;width:var(--era-xs-inset-sm)'
 		},
 		{
-			// Inset the top by the handle-bar height so its inward reach stays clear
-			// of the drag bar (keeping the whole bar draggable).
+			// Rises to top:0 (no inset) so its inward half overlays the close-button
+			// row — reaching exactly the button's edge, filling the gap on the left
+			// of the pane edge without covering the button.
 			dir: 'e',
 			cursor: 'cursor-ew-resize',
-			place:
-				'right:0;top:var(--era-h-sm);bottom:0;translate:50% 0;width:calc(var(--era-h-md)/2)'
+			place: 'right:0;top:0;bottom:0;translate:50% 0;width:calc(var(--era-xs-inset-sm)*2)'
 		},
 		// corners LAST — a square at each corner (diagonal gap filler), painted
 		// above the edges so the red grab zone is always on top of the blue.
@@ -127,23 +128,23 @@
 			dir: 'nw',
 			cursor: 'cursor-nwse-resize',
 			place:
-				'top:0;left:0;translate:-100% -100%;width:calc(var(--era-h-md)/2);height:calc(var(--era-h-md)/2)'
+				'top:0;left:0;translate:-50% -50%;width:calc(var(--era-h-md)/2);height:calc(var(--era-h-md)/2)'
 		},
 		{
 			dir: 'ne',
 			cursor: 'cursor-nesw-resize',
 			place:
-				'top:0;right:0;translate:100% -100%;width:calc(var(--era-h-md)/2);height:calc(var(--era-h-md)/2)'
+				'top:0;right:0;translate:50% -50%;width:calc(var(--era-h-md)/2);height:calc(var(--era-h-md)/2)'
 		},
 		{
 			dir: 'sw',
 			cursor: 'cursor-nesw-resize',
 			place:
-				'bottom:0;left:0;translate:-100% 100%;width:calc(var(--era-h-md)/2);height:calc(var(--era-h-md)/2)'
+				'bottom:0;left:0;translate:-50% 50%;width:calc(var(--era-h-md)/2);height:calc(var(--era-h-md)/2)'
 		},
 		{
-			// Bottom-right straddles (translate 50%): 6px out AND 6px in, matching
-			// the s + e edges which bleed inward.
+			// All four corners straddle (translate ±50%): 6px out AND 6px in, so they
+			// protrude the same amount, matching the s + e edges' inward bleed.
 			dir: 'se',
 			cursor: 'cursor-nwse-resize',
 			place:

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "1.11.0",
+	"version": "1.11.2",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",