@pie-players/pie-section-player-tools-shared 0.3.11 → 0.3.13

package/floating-panel.ts

@@ -5,6 +5,25 @@ export type FloatingPanelState = {
 	height: number;
 };
 
+const FLOATING_PANEL_BASE_Z_INDEX = 9999;
+const FLOATING_PANEL_Z_INDEX_KEY = "__pieFloatingPanelZIndex";
+
+type FloatingPanelZIndexGlobal = typeof globalThis & {
+	[FLOATING_PANEL_Z_INDEX_KEY]?: number;
+};
+
+export function claimNextFloatingPanelZIndex(): number {
+	const runtime = globalThis as FloatingPanelZIndexGlobal;
+	const currentValue = runtime[FLOATING_PANEL_Z_INDEX_KEY];
+	const normalizedCurrent =
+		typeof currentValue === "number" && Number.isFinite(currentValue)
+			? currentValue
+			: FLOATING_PANEL_BASE_Z_INDEX;
+	const nextValue = normalizedCurrent + 1;
+	runtime[FLOATING_PANEL_Z_INDEX_KEY] = nextValue;
+	return nextValue;
+}
+
 export type FloatingPanelViewportSizing = {
 	widthRatio: number;
 	heightRatio: number;
@@ -59,6 +78,7 @@ type PointerControllerArgs = {
 	minWidth: number;
 	minHeight: number;
 	padding?: number;
+	onFocus?: () => void;
 };
 
 export type FloatingPanelPointerController = {
@@ -136,6 +156,7 @@ export function createFloatingPanelPointerController(
 
 	return {
 		startDrag(event: MouseEvent) {
+			args.onFocus?.();
 			isDragging = true;
 			dragStartX = event.clientX;
 			dragStartY = event.clientY;
@@ -146,6 +167,7 @@ export function createFloatingPanelPointerController(
 			document.addEventListener("mouseup", stopDrag);
 		},
 		startResize(event: MouseEvent) {
+			args.onFocus?.();
 			isResizing = true;
 			resizeStartX = event.clientX;
 			resizeStartY = event.clientY;

package/index.ts

@@ -1,8 +1,10 @@
 export { default as PanelWindowControls } from "./PanelWindowControls.svelte";
 export { default as PanelResizeHandle } from "./PanelResizeHandle.svelte";
+export { default as SharedFloatingPanel } from "./SharedFloatingPanel.svelte";
 export {
 	createFloatingPanelPointerController,
 	computePanelSizeFromViewport,
+	claimNextFloatingPanelZIndex,
 	type FloatingPanelPointerController,
 	type FloatingPanelState,
 	type FloatingPanelViewportSizing,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pie-players/pie-section-player-tools-shared",
-	"version": "0.3.11",
+	"version": "0.3.13",
 	"type": "module",
 	"description": "Shared UI and helpers for PIE section-player debug tools",
 	"repository": {
@@ -33,6 +33,10 @@
 		"./PanelResizeHandle.svelte": {
 			"types": "./dist/PanelResizeHandle.svelte.d.ts",
 			"svelte": "./PanelResizeHandle.svelte"
+		},
+		"./SharedFloatingPanel.svelte": {
+			"types": "./dist/SharedFloatingPanel.svelte.d.ts",
+			"svelte": "./SharedFloatingPanel.svelte"
 		}
 	},
 	"files": [
@@ -43,14 +47,14 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@pie-players/pie-theme": "0.3.11"
+		"@pie-players/pie-theme": "0.3.13"
 	},
 	"types": "./dist/index.d.ts",
 	"scripts": {
 		"build": "vite build",
 		"dev": "vite build --watch",
 		"typecheck": "tsc --noEmit",
-		"lint": "biome check PanelWindowControls.svelte floating-panel.ts section-controller.ts index.ts vite.config.ts package.json"
+		"lint": "biome check PanelWindowControls.svelte PanelResizeHandle.svelte SharedFloatingPanel.svelte floating-panel.ts section-controller.ts index.ts vite.config.ts package.json"
 	},
 	"devDependencies": {
 		"@biomejs/biome": "^2.3.10",