@pie-players/pie-section-player-tools-session-debugger 0.3.11 → 0.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
import PanelResizeHandle from '@pie-players/pie-section-player-tools-shared/PanelResizeHandle.svelte';
|
|
16
16
|
import PanelWindowControls from '@pie-players/pie-section-player-tools-shared/PanelWindowControls.svelte';
|
|
17
17
|
import {
|
|
18
|
+
claimNextFloatingPanelZIndex,
|
|
18
19
|
computePanelSizeFromViewport,
|
|
19
20
|
createFloatingPanelPointerController,
|
|
20
21
|
getSectionControllerFromCoordinator,
|
|
@@ -95,6 +96,7 @@
|
|
|
95
96
|
let sessionWindowY = $state(100);
|
|
96
97
|
let sessionWindowWidth = $state(220);
|
|
97
98
|
let sessionWindowHeight = $state(600);
|
|
99
|
+
let sessionPanelZIndex = $state(claimNextFloatingPanelZIndex());
|
|
98
100
|
|
|
99
101
|
let sessionPanelSnapshot = $state<SessionPanelSnapshot>({
|
|
100
102
|
currentItemIndex: null,
|
|
@@ -306,6 +308,10 @@
|
|
|
306
308
|
sessionWindowHeight = initial.height;
|
|
307
309
|
});
|
|
308
310
|
|
|
311
|
+
function bringSessionPanelToFront(): void {
|
|
312
|
+
sessionPanelZIndex = claimNextFloatingPanelZIndex();
|
|
313
|
+
}
|
|
314
|
+
|
|
309
315
|
const pointerController = createFloatingPanelPointerController({
|
|
310
316
|
getState: () => ({
|
|
311
317
|
x: sessionWindowX,
|
|
@@ -320,7 +326,8 @@
|
|
|
320
326
|
sessionWindowHeight = next.height;
|
|
321
327
|
},
|
|
322
328
|
minWidth: 300,
|
|
323
|
-
minHeight: 200
|
|
329
|
+
minHeight: 200,
|
|
330
|
+
onFocus: bringSessionPanelToFront
|
|
324
331
|
});
|
|
325
332
|
|
|
326
333
|
$effect(() => {
|
|
@@ -332,7 +339,7 @@
|
|
|
332
339
|
|
|
333
340
|
<div
|
|
334
341
|
class="pie-section-player-tools-session-debugger"
|
|
335
|
-
style="left: {sessionWindowX}px; top: {sessionWindowY}px; width: {sessionWindowWidth}px; {isSessionMinimized ? 'height: auto;' : `height: ${sessionWindowHeight}px;`}"
|
|
342
|
+
style="left: {sessionWindowX}px; top: {sessionWindowY}px; width: {sessionWindowWidth}px; z-index: {sessionPanelZIndex}; {isSessionMinimized ? 'height: auto;' : `height: ${sessionWindowHeight}px;`}"
|
|
336
343
|
>
|
|
337
344
|
<div
|
|
338
345
|
class="pie-section-player-tools-session-debugger__header"
|