@pie-players/pie-section-player-tools-event-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.
package/EventPanel.svelte CHANGED
@@ -16,6 +16,7 @@
16
16
  import PanelResizeHandle from "@pie-players/pie-section-player-tools-shared/PanelResizeHandle.svelte";
17
17
  import PanelWindowControls from "@pie-players/pie-section-player-tools-shared/PanelWindowControls.svelte";
18
18
  import {
19
+ claimNextFloatingPanelZIndex,
19
20
  computePanelSizeFromViewport,
20
21
  createFloatingPanelPointerController,
21
22
  getSectionControllerFromCoordinator,
@@ -105,6 +106,7 @@
105
106
  let panelY = $state(100);
106
107
  let panelWidth = $state(500);
107
108
  let panelHeight = $state(620);
109
+ let panelZIndex = $state(claimNextFloatingPanelZIndex());
108
110
  let isMinimized = $state(false);
109
111
  let isPaused = $state(false);
110
112
  let selectedLevel = $state<EventLevel>("item");
@@ -377,6 +379,9 @@
377
379
  },
378
380
  minWidth: 340,
379
381
  minHeight: 260,
382
+ onFocus: () => {
383
+ panelZIndex = claimNextFloatingPanelZIndex();
384
+ },
380
385
  });
381
386
 
382
387
  function clearRecords() {
@@ -477,7 +482,7 @@
477
482
 
478
483
  <div
479
484
  class="pie-section-player-tools-event-debugger"
480
- style="left: {panelX}px; top: {panelY}px; width: {panelWidth}px; {isMinimized ? 'height: auto;' : `height: ${panelHeight}px;`}"
485
+ style="left: {panelX}px; top: {panelY}px; width: {panelWidth}px; z-index: {panelZIndex}; {isMinimized ? 'height: auto;' : `height: ${panelHeight}px;`}"
481
486
  >
482
487
  <div
483
488
  class="pie-section-player-tools-event-debugger__header"