@woosh/meep-engine 2.169.4 → 2.170.0

package/src/view/layout/layout.scss

@@ -0,0 +1,236 @@
+/*
+ Styling for the view framework's layout constructs (SplitView, TabbedView, DrawerView,
+ DockLayoutView, popup menu).
+
+ Theming: every color/font goes through a --meep-* custom property with a dark fallback,
+ so a host theme can re-skin the constructs by defining the tokens on an ancestor.
+ This file is imported by style entry points (e.g. the editor's editor.scss), never by
+ logic modules.
+*/
+
+.meep-split-view {
+  overflow: hidden;
+}
+
+.meep-split-divider {
+  background: var(--meep-divider-color, #2c2e30);
+  cursor: col-resize;
+  z-index: 10;
+
+  &:hover {
+    background: var(--meep-accent, #2d7dd2);
+  }
+}
+
+.meep-split-divider-y {
+  cursor: row-resize;
+}
+
+.meep-split-divider-locked {
+  cursor: default;
+
+  &:hover {
+    background: var(--meep-divider-color, #2c2e30);
+  }
+}
+
+.meep-tabbed-view {
+  overflow: hidden;
+}
+
+.meep-tab-strip {
+  background: var(--meep-header-bg, #2b2d2f);
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+  overflow: hidden;
+}
+
+.meep-tab {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0 8px;
+  color: var(--meep-fg-muted, #9da0a3);
+  font: var(--meep-font, 12px sans-serif);
+  cursor: pointer;
+  user-select: none;
+  border-right: 1px solid var(--meep-divider-color, #212325);
+
+  &:hover {
+    color: var(--meep-fg, #d6d8da);
+  }
+}
+
+.meep-tab-active {
+  background: var(--meep-panel-bg, #3c3f41);
+  color: var(--meep-fg, #d6d8da);
+}
+
+.meep-tab-menu {
+  opacity: 0.5;
+  padding: 0 2px;
+
+  &:hover {
+    opacity: 1;
+  }
+}
+
+.meep-tab-panels {
+  background: var(--meep-panel-bg, #3c3f41);
+  overflow: hidden;
+}
+
+.meep-drawer {
+  overflow: hidden;
+}
+
+.meep-drawer-header {
+  background: var(--meep-header-bg, #2b2d2f);
+  color: var(--meep-fg, #d6d8da);
+  font: var(--meep-font, 12px sans-serif);
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 0 8px;
+  box-sizing: border-box;
+  cursor: pointer;
+  user-select: none;
+}
+
+.meep-drawer-content {
+  background: var(--meep-panel-bg, #3c3f41);
+}
+
+.meep-dock-layout {
+  overflow: hidden;
+
+  /* the tree, float and drag-feedback layers are placed against the dock, so it must be
+     the containing block for them however the host has positioned it */
+  position: relative;
+}
+
+.meep-dock-tree {
+  overflow: hidden;
+}
+
+.meep-popup-menu {
+  background: var(--meep-panel-bg, #3c3f41);
+  border: 1px solid var(--meep-divider-color, #212325);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+  z-index: 5000;
+  min-width: 140px;
+  font: var(--meep-font, 12px sans-serif);
+  color: var(--meep-fg, #d6d8da);
+}
+
+.meep-popup-menu-item {
+  padding: 6px 12px;
+  cursor: pointer;
+
+  &:hover {
+    background: var(--meep-accent, #2d7dd2);
+    color: #ffffff;
+  }
+}
+
+/* floating panels */
+
+.meep-dock-float-layer {
+  /*
+   The layer spans the whole dock so a window can be anywhere in it; it must not take the
+   pointer input that belongs to the zones underneath. The windows themselves opt back in.
+  */
+  pointer-events: none;
+  z-index: 20;
+}
+
+.meep-dock-window {
+  pointer-events: auto;
+  background: var(--meep-panel-bg, #3c3f41);
+  /* an outer ring rather than a border: a border would inset the frame's own children */
+  box-shadow:
+    0 0 0 1px var(--meep-divider-color, #212325),
+    0 6px 18px rgba(0, 0, 0, 0.45);
+  overflow: hidden;
+}
+
+/*
+ The title bar carries two gestures. The handle at its left asks where the panel should
+ go; the bar beside it only moves the window, which is what the cursor says.
+*/
+.meep-dock-window-header {
+  background: var(--meep-header-bg, #2b2d2f);
+  display: flex;
+  align-items: stretch;
+  cursor: move;
+
+  > .meep-tab {
+    border-right: 1px solid var(--meep-divider-color, #212325);
+    color: var(--meep-fg, #d6d8da);
+    cursor: grab;
+  }
+}
+
+.meep-dock-window-grip {
+  cursor: nwse-resize;
+  opacity: 0.5;
+  background: linear-gradient(
+    135deg,
+    transparent 0 40%,
+    var(--meep-fg-muted, #9da0a3) 40% 50%,
+    transparent 50% 65%,
+    var(--meep-fg-muted, #9da0a3) 65% 75%,
+    transparent 75% 100%
+  );
+
+  &:hover {
+    opacity: 1;
+  }
+}
+
+/*
+ Drag feedback. It lives on a layer of its own above the zones because a zone cannot
+ advertise itself: its box is covered by its own opaque tab strip and panel content, so
+ anything painted on the zone is painted underneath what the author is looking at.
+
+ The rectangle is the space the panel will occupy once released — the same rectangle the
+ drop itself is computed from.
+*/
+.meep-dock-drag-overlay {
+  pointer-events: none;
+  z-index: 30;
+}
+
+.meep-dock-drop-preview {
+  box-sizing: border-box;
+  background: var(--meep-accent-wash, rgba(45, 125, 210, 0.22));
+  box-shadow: inset 0 0 0 2px var(--meep-accent, #2d7dd2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.meep-dock-drop-preview-label {
+  background: var(--meep-accent, #2d7dd2);
+  color: #ffffff;
+  font: var(--meep-font, 12px sans-serif);
+  padding: 4px 10px;
+  border-radius: 3px;
+  white-space: nowrap;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
+}
+
+/* the handle stays where it is for the duration; it reads as lifted rather than gone */
+.meep-dock-handle-dragging {
+  opacity: 0.45;
+}
+
+/*
+ One cursor for the whole gesture. Listed last so it beats the cursors the constructs set
+ for themselves at equal specificity — a pointer over a tab means nothing mid-drag.
+*/
+.meep-dock-dragging,
+.meep-dock-dragging * {
+  cursor: grabbing;
+}

package/src/view/layout/show_popup_menu.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Close the currently open popup menu, if any. Hosts call this on teardown so a menu
+ * never outlives the surface that spawned it.
+ */
+export function close_active_popup_menu(): void;
+/**
+ * Show a transient popup menu at a fixed screen position. The menu closes when an item
+ * is picked, on any pointer-down outside it, or when another menu opens.
+ *
+ * @param {{label:string, action:function}[]} items
+ * @param {number} x client X, px
+ * @param {number} y client Y, px
+ * @returns {function} close the menu programmatically
+ */
+export function show_popup_menu(items: {
+    label: string;
+    action: Function;
+}[], x: number, y: number): Function;
+//# sourceMappingURL=show_popup_menu.d.ts.map

package/src/view/layout/show_popup_menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"show_popup_menu.d.ts","sourceRoot":"","sources":["../../../../src/view/layout/show_popup_menu.js"],"names":[],"mappings":"AAQA;;;GAGG;AACH,gDAIC;AAED;;;;;;;;GAQG;AACH,uCALW;IAAC,KAAK,EAAC,MAAM,CAAC;IAAC,MAAM,WAAS;CAAC,EAAE,KACjC,MAAM,KACN,MAAM,YAwDhB"}

package/src/view/layout/show_popup_menu.js

@@ -0,0 +1,81 @@
+import { MouseEvents } from "../../engine/input/devices/events/MouseEvents.js";
+
+/**
+ * The active menu's close function; one transient menu exists at a time
+ * @type {function|null}
+ */
+let active_close = null;
+
+/**
+ * Close the currently open popup menu, if any. Hosts call this on teardown so a menu
+ * never outlives the surface that spawned it.
+ */
+export function close_active_popup_menu() {
+    if (active_close !== null) {
+        active_close();
+    }
+}
+
+/**
+ * Show a transient popup menu at a fixed screen position. The menu closes when an item
+ * is picked, on any pointer-down outside it, or when another menu opens.
+ *
+ * @param {{label:string, action:function}[]} items
+ * @param {number} x client X, px
+ * @param {number} y client Y, px
+ * @returns {function} close the menu programmatically
+ */
+export function show_popup_menu(items, x, y) {
+    close_active_popup_menu();
+    const menu = document.createElement('div');
+
+    menu.classList.add('meep-popup-menu');
+
+    menu.style.position = 'fixed';
+    menu.style.left = `${x}px`;
+    menu.style.top = `${y}px`;
+
+    function close() {
+        if (menu.parentNode !== null) {
+            menu.parentNode.removeChild(menu);
+        }
+
+        document.removeEventListener(MouseEvents.Down, handleOutsideInteraction, true);
+
+        if (active_close === close) {
+            active_close = null;
+        }
+    }
+
+    /**
+     *
+     * @param {MouseEvent} event
+     */
+    function handleOutsideInteraction(event) {
+        if (!menu.contains(event.target)) {
+            close();
+        }
+    }
+
+    for (const item of items) {
+        const row = document.createElement('div');
+
+        row.classList.add('meep-popup-menu-item');
+        row.textContent = item.label;
+
+        row.addEventListener(MouseEvents.Click, () => {
+            close();
+
+            item.action();
+        });
+
+        menu.appendChild(row);
+    }
+
+    document.body.appendChild(menu);
+    document.addEventListener(MouseEvents.Down, handleOutsideInteraction, true);
+
+    active_close = close;
+
+    return close;
+}

package/src/view/minimap/Minimap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Minimap.d.ts","sourceRoot":"","sources":["../../../../src/view/minimap/Minimap.js"],"names":[],"mappings":";AAmBA;IACI;;;;;OAKG;IACH,+EA0JC;IAvJG,YAAsD;IAEtD;;;OAGG;IACH,sCAAkC;IASpB,OAFJ,SAAS,CAEiC;IAKpD,wBAAgF;IAmBhF,oBAAwE;IAGxE,uBAAyB;IACzB,gCAA6B;IAMT,eAFV,iBAAiB,EAAE,CAEc;IA+B3C,+BAAyF;IA+BzE,uBAA2C;IA0C/D;;;;;;;OAOG;IACH,cAUC;CAkDJ;iBA/OgB,YAAY;sBAXP,iCAAiC;+BAgBxB,wBAAwB;sBANjC,0BAA0B;iCAKf,0BAA0B;kCAHzB,4BAA4B;+BAV/B,oCAAoC;8BAMrC,6CAA6C"}
+{"version":3,"file":"Minimap.d.ts","sourceRoot":"","sources":["../../../../src/view/minimap/Minimap.js"],"names":[],"mappings":";AAmBA;IAGI;;;;;OAKG;IACH,+EAoJC;IA5JD,YAAkD;IAW9C;;;OAGG;IACH,sCAAkC;IASpB,OAFJ,SAAS,CAEiC;IAIpD,wBAAgF;IAiBhF,oBAAwE;IAGxE,uBAAyB;IACzB,gCAA6B;IAMT,eAFV,iBAAiB,EAAE,CAEc;IA+B3C,+BAAyF;IA+BzE,uBAA2C;IAyC/D;;;;;;;OAOG;IACH,cAUC;CAkDJ;iBA3OgB,YAAY;sBAXP,iCAAiC;+BAgBxB,wBAAwB;sBANjC,0BAA0B;iCAKf,0BAA0B;kCAHzB,4BAA4B;+BAV/B,oCAAoC;8BAMrC,6CAA6C"}

package/src/view/minimap/Minimap.js

@@ -18,6 +18,8 @@ import { MinimapWorldGL } from "./gl/MinimapWorldGL.js";
 
 
 class MinimapView extends View {
+    el = domify('div').addClass('ui-minimap-view').el;
+
     /**
      *
      * @constructor
@@ -27,8 +29,6 @@ class MinimapView extends View {
     constructor(entityDataset, assetManager) {
         super(entityDataset, assetManager);
 
-        this.el = domify('div').addClass('ui-minimap-view').el;
-
         /**
          *
          * @type {EntityComponentDataset}
@@ -46,10 +46,8 @@ class MinimapView extends View {
 
         const worldScale = new Vector2(1, 1);
 
-
         this.worldGL = new MinimapWorldGL({ canvasSize: this.size, worldBounds: world });
 
-
         /**
          *
          * @param {MinimapWorldGL} worldGL
@@ -65,7 +63,6 @@ class MinimapView extends View {
 
         setupWorld(this.worldGL);
 
-
         this.vMarkers = new EmptyView({ classList: ["ui-minimap-marker-view"] });
         vWorld.addChild(this.vMarkers);
 
@@ -177,7 +174,6 @@ class MinimapView extends View {
         pointer.on.drag.add(function (position, origin, lastDragPosition, event) {
             focus(event.layerX, event.layerY);
         });
-
     }
 
     /**

package/src/view/minimap/dom/MinimapMarkerView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MinimapMarkerView.d.ts","sourceRoot":"","sources":["../../../../../src/view/minimap/dom/MinimapMarkerView.js"],"names":[],"mappings":"AAMA;IACI;;;;;;;OAOG;IACH,0FAmCC;IA9BG,SAAsD;IAEtD;;;OAGG;IACH,sBAAoB;IACpB;;;OAGG;IACH,qBAA0B;IAC1B,gBAA4B;IAoBhC,8DAEK;IAEL,+CAIK;IAEL,8CAGK;CAYR;iBA7EgB,eAAe"}
+{"version":3,"file":"MinimapMarkerView.d.ts","sourceRoot":"","sources":["../../../../../src/view/minimap/dom/MinimapMarkerView.js"],"names":[],"mappings":"AAMA;IAGI;;;;;;;OAOG;IACH,0FAgCC;IA1CD,SAAkD;IAe9C;;;OAGG;IACH,sBAAoB;IACpB;;;OAGG;IACH,qBAA0B;IAC1B,gBAA4B;IAmBhC,8DAEK;IAEL,+CAIK;IAEL,8CAGK;CAYR;iBA5EgB,eAAe"}

package/src/view/minimap/dom/MinimapMarkerView.js

@@ -5,6 +5,8 @@ import domify from "../../DOM.js";
 const MinimapMarkerDOMElementPrototype = domify('div').addClass('ui-minimap-marker-view').el;
 
 export class MinimapMarkerView extends View {
+    el = MinimapMarkerDOMElementPrototype.cloneNode();
+
     /**
      *
      * @param {Number} entity
@@ -18,8 +20,6 @@ export class MinimapMarkerView extends View {
         // a ReferenceError on every construction
         super(entity, marker, transform, worldScale);
 
-        this.el = MinimapMarkerDOMElementPrototype.cloneNode();
-
         /**
          *
          * @type {MinimapMarker}
@@ -34,7 +34,6 @@ export class MinimapMarkerView extends View {
 
         const imageView = new ImageView(this.marker.iconURL);
 
-
         this.addChild(imageView);
 
         const position = this.position;

package/src/view/minimap/gl/MarkerGL.d.ts

@@ -9,6 +9,12 @@ export class MarkerGL {
      * @constructor
      */
     constructor(marker: MinimapMarker, transform: Transform, entity: any, id: any, manager: MinimapMarkersGL);
+    /**
+     *
+     * @type {Reference<AtlasPatch>}
+     */
+    patch: Reference<AtlasPatch>;
+    active: boolean;
     /**
      *
      * @type {MinimapMarker}
@@ -17,14 +23,8 @@ export class MarkerGL {
     transform: Transform;
     entity: any;
     id: any;
-    /**
-     *
-     * @type {Reference<AtlasPatch>}
-     */
-    patch: Reference<AtlasPatch>;
     manager: MinimapMarkersGL;
     particles: any;
-    active: boolean;
     updatePosition(): void;
     updateIcon(newURL: any, oldURL: any): void;
     startup(): void;

package/src/view/minimap/gl/MarkerGL.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkerGL.d.ts","sourceRoot":"","sources":["../../../../../src/view/minimap/gl/MarkerGL.js"],"names":[],"mappings":"AAOA;IACI;;;;;;;;OAQG;IACH,0GAsBC;IArBG;;;OAGG;IACH,sBAAoB;IACpB,qBAA0B;IAC1B,YAAoB;IAEpB,QAAY;IAEZ;;;OAGG;IACH,OAFU,qBAAqB,CAEJ;IAE3B,0BAAsB;IACtB,eAAuC;IAEvC,gBAAmB;IAIvB,uBAaC;IAED,2CA8BC;IAED,gBAkBC;IAED,iBASC;CACJ;0BAtHyB,2CAA2C"}
+{"version":3,"file":"MarkerGL.d.ts","sourceRoot":"","sources":["../../../../../src/view/minimap/gl/MarkerGL.js"],"names":[],"mappings":"AAOA;IASI;;;;;;;;OAQG;IACH,0GAaC;IA9BD;;;OAGG;IACH,OAFU,qBAAqB,CAER;IAEvB,gBAAe;IAYX;;;OAGG;IACH,sBAAoB;IACpB,qBAA0B;IAC1B,YAAoB;IAEpB,QAAY;IAEZ,0BAAsB;IACtB,eAAuC;IAG3C,uBAaC;IAED,2CA8BC;IAED,gBAkBC;IAED,iBASC;CACJ;0BArHyB,2CAA2C"}

package/src/view/minimap/gl/MarkerGL.js

@@ -6,6 +6,14 @@ function logPatchLoadError(e) {
 }
 
 export class MarkerGL {
+    /**
+     *
+     * @type {Reference<AtlasPatch>}
+     */
+    patch = Reference.NULL;
+
+    active = false;
+
     /**
      *
      * @param {MinimapMarker} marker
@@ -26,17 +34,8 @@ export class MarkerGL {
 
         this.id = id;
 
-        /**
-         *
-         * @type {Reference<AtlasPatch>}
-         */
-        this.patch = Reference.NULL;
-
         this.manager = manager;
         this.particles = this.manager.particles;
-
-        this.active = false;
-
     }
 
     updatePosition() {

package/src/view/minimap/gl/MinimapFogOfWar.d.ts

@@ -7,14 +7,17 @@ export class MinimapFogOfWar extends MinimapWorldLayer {
     constructor(ecd: EntityComponentDataset, focusArea: Rectangle);
     /**
      *
-     * @type {EntityComponentDataset}
+     * @type {FogOfWar|null}
      */
-    dataset: EntityComponentDataset;
+    fow: FogOfWar | null;
+    controlFocusArea: boolean;
+    focusAreaNeedsUpdate: boolean;
+    signalBindings: any[];
     /**
      *
-     * @type {FogOfWar|null}
+     * @type {EntityComponentDataset}
      */
-    fow: FogOfWar | null;
+    dataset: EntityComponentDataset;
     material: import("three").ShaderMaterial;
     object: Mesh<PlaneBufferGeometry, import("three").ShaderMaterial>;
     /**
@@ -22,9 +25,6 @@ export class MinimapFogOfWar extends MinimapWorldLayer {
      * @type {Rectangle}
      */
     focusArea: Rectangle;
-    controlFocusArea: boolean;
-    focusAreaNeedsUpdate: boolean;
-    signalBindings: any[];
     updateFocusArea(): void;
     /**
      *

package/src/view/minimap/gl/MinimapFogOfWar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MinimapFogOfWar.d.ts","sourceRoot":"","sources":["../../../../../src/view/minimap/gl/MinimapFogOfWar.js"],"names":[],"mappings":"AAuCA;IACI;;;;OAIG;IACH,+DA+BC;IA3BG;;;OAGG;IACH,gCAAkB;IAElB;;;OAGG;IACH,KAFU,QAAQ,GAAC,IAAI,CAER;IAEf,yCAAgD;IAEhD,kEAA0E;IAG1E;;;OAGG;IACH,qBAA0B;IAE1B,0BAA4B;IAC5B,8BAAgC;IAEhC,sBAAwB;IAG5B,wBAoCC;IAyCD;;;OAGG;IACH,yCA0BC;CACJ;kCA1LiC,wBAAwB;yBACjC,qCAAqC;oCACpB,OAAO;qBAAP,OAAO"}
+{"version":3,"file":"MinimapFogOfWar.d.ts","sourceRoot":"","sources":["../../../../../src/view/minimap/gl/MinimapFogOfWar.js"],"names":[],"mappings":"AAuCA;IAWI;;;;OAIG;IACH,+DAmBC;IAlCD;;;OAGG;IACH,KAFU,QAAQ,GAAC,IAAI,CAEZ;IAEX,0BAAwB;IACxB,8BAA4B;IAC5B,sBAAoB;IAUhB;;;OAGG;IACH,gCAAkB;IAElB,yCAAgD;IAEhD,kEAA0E;IAG1E;;;OAGG;IACH,qBAA0B;IAG9B,wBAoCC;IAyCD;;;OAGG;IACH,yCA0BC;CACJ;kCAxLiC,wBAAwB;yBACjC,qCAAqC;oCACpB,OAAO;qBAAP,OAAO"}

package/src/view/minimap/gl/MinimapFogOfWar.js

@@ -38,6 +38,16 @@ function enforceAspectRatio(viewportWidth, viewportHeight, aabb2) {
 }
 
 export class MinimapFogOfWar extends MinimapWorldLayer {
+    /**
+     *
+     * @type {FogOfWar|null}
+     */
+    fow = null;
+
+    controlFocusArea = true;
+    focusAreaNeedsUpdate = true;
+    signalBindings = [];
+
     /**
      *
      * @param {EntityComponentDataset} ecd
@@ -46,19 +56,12 @@ export class MinimapFogOfWar extends MinimapWorldLayer {
     constructor(ecd, focusArea) {
         super();
 
-
         /**
          *
          * @type {EntityComponentDataset}
          */
         this.dataset = ecd;
 
-        /**
-         *
-         * @type {FogOfWar|null}
-         */
-        this.fow = null;
-
         this.material = buildScreenSpaceFogOfWarShader();
 
         this.object = new Mesh(new PlaneBufferGeometry(1, 1, 1, 1), this.material);
@@ -69,11 +72,6 @@ export class MinimapFogOfWar extends MinimapWorldLayer {
          * @type {Rectangle}
          */
         this.focusArea = focusArea;
-
-        this.controlFocusArea = true;
-        this.focusAreaNeedsUpdate = true;
-
-        this.signalBindings = [];
     }
 
     updateFocusArea() {

package/src/view/minimap/gl/MinimapWorldGL.d.ts

@@ -7,39 +7,39 @@ export class MinimapWorldGL {
     constructor({ canvasSize, worldBounds }: Vector2);
     /**
      *
-     * @type {boolean}
+     * @type {number}
      */
-    renderNeedsUpdate: boolean;
+    animationFrameCallbackId: number;
     /**
      *
-     * @type {Vector2}
+     * @type {Scene}
      */
-    canvasSize: Vector2;
+    scene: Scene;
     /**
      *
-     * @type {Rectangle}
+     * @type {OrthographicCamera}
      */
-    worldBounds: Rectangle;
+    camera: OrthographicCamera;
     /**
      *
-     * @type {MinimapWorldLayer[]}
+     * @type {boolean}
      */
-    layers: MinimapWorldLayer[];
+    renderNeedsUpdate: boolean;
     /**
      *
-     * @type {number}
+     * @type {Vector2}
      */
-    animationFrameCallbackId: number;
+    canvasSize: Vector2;
     /**
      *
-     * @type {Scene}
+     * @type {Rectangle}
      */
-    scene: Scene;
+    worldBounds: Rectangle;
     /**
      *
-     * @type {OrthographicCamera}
+     * @type {MinimapWorldLayer[]}
      */
-    camera: OrthographicCamera;
+    layers: MinimapWorldLayer[];
     /**
      *
      * @type {WebGLRenderer | null}
@@ -67,8 +67,8 @@ export class MinimapWorldGL {
     render(): void;
     update(): void;
 }
-import Vector2 from "../../../core/geom/Vector2.js";
 import { Scene } from "three";
 import { OrthographicCamera } from "three";
+import Vector2 from "../../../core/geom/Vector2.js";
 import { SignalBinding } from "../../../core/events/signal/SignalBinding.js";
 //# sourceMappingURL=MinimapWorldGL.d.ts.map

package/src/view/minimap/gl/MinimapWorldGL.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MinimapWorldGL.d.ts","sourceRoot":"","sources":["../../../../../src/view/minimap/gl/MinimapWorldGL.js"],"names":[],"mappings":"AAMA;IACI;;;;OAIG;IACH,yCAHW,OAAO,EA0EjB;IAtEG;;;OAGG;IACH,mBAFU,OAAO,CAEa;IAE9B;;;OAGG;IACH,YAFU,OAAO,CAEW;IAC5B;;;OAGG;IACH,uBAA8B;IAE9B;;;OAGG;IACH,QAFU,mBAAmB,CAEb;IAEhB;;;OAGG;IACH,0BAFU,MAAM,CAEkB;IAElC;;;OAGG;IACH,OAFU,KAAK,CAES;IACxB;;;OAGG;IACH,QAFU,kBAAkB,CAE+B;IAG3D;;;OAGG;IACH,UAFU,gBAAgB,IAAI,CAEV;IAEpB;;;OAGG;IACH,YAFU,iBAAiB,CAEL;IAEtB;;;OAGG;IACH,gBAFU,aAAa,EAAE,CAcxB;IAGL;;;OAGG;IACH,qCAGC;IAGD,0BAyBC;IAED,gBA8BC;IAZG,mBAAqB;IAczB,iBAWC;IAED,eAGC;IAED,eAmBC;CACJ;oBA7LmB,+BAA+B;sBAHT,OAAO;mCAAP,OAAO;8BAEnB,8CAA8C"}
+{"version":3,"file":"MinimapWorldGL.d.ts","sourceRoot":"","sources":["../../../../../src/view/minimap/gl/MinimapWorldGL.js"],"names":[],"mappings":"AAMA;IAmBI;;;;OAIG;IACH,yCAHW,OAAO,EA0DjB;IA9ED;;;OAGG;IACH,0BAFU,MAAM,CAEc;IAE9B;;;OAGG;IACH,OAFU,KAAK,CAEK;IAEpB;;;OAGG;IACH,QAFU,kBAAkB,CAE2B;IAQnD;;;OAGG;IACH,mBAFU,OAAO,CAEa;IAE9B;;;OAGG;IACH,YAFU,OAAO,CAEW;IAC5B;;;OAGG;IACH,uBAA8B;IAE9B;;;OAGG;IACH,QAFU,mBAAmB,CAEb;IAIhB;;;OAGG;IACH,UAFU,gBAAgB,IAAI,CAEV;IAEpB;;;OAGG;IACH,YAFU,iBAAiB,CAEL;IAEtB;;;OAGG;IACH,gBAFU,aAAa,EAAE,CAcxB;IAGL;;;OAGG;IACH,qCAGC;IAGD,0BAyBC;IAED,gBA8BC;IAZG,mBAAqB;IAczB,iBAWC;IAED,eAGC;IAED,eAmBC;CACJ;sBAlMyC,OAAO;mCAAP,OAAO;oBAG7B,+BAA+B;8BADrB,8CAA8C"}

package/src/view/minimap/gl/MinimapWorldGL.js

@@ -5,6 +5,24 @@ import Vector2 from "../../../core/geom/Vector2.js";
 import { assert } from "../../../core/assert.js";
 
 export class MinimapWorldGL {
+    /**
+     *
+     * @type {number}
+     */
+    animationFrameCallbackId = -1;
+
+    /**
+     *
+     * @type {Scene}
+     */
+    scene = new Scene();
+
+    /**
+     *
+     * @type {OrthographicCamera}
+     */
+    camera = new OrthographicCamera(-1, 1, -1, 1, 0.1, 10);
+
     /**
      *
      * @param {Vector2} canvasSize
@@ -34,22 +52,6 @@ export class MinimapWorldGL {
          */
         this.layers = [];
 
-        /**
-         *
-         * @type {number}
-         */
-        this.animationFrameCallbackId = -1;
-
-        /**
-         *
-         * @type {Scene}
-         */
-        this.scene = new Scene();
-        /**
-         *
-         * @type {OrthographicCamera}
-         */
-        this.camera = new OrthographicCamera(-1, 1, -1, 1, 0.1, 10);
         this.updateCameraFocus();
 
         /**