@mappedin/dynamic-focus 6.0.1-beta.52 → 6.0.1-beta.53

package/lib/esm/index.d.ts

@@ -3706,14 +3706,13 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/directions'
 
 declare module '@mappedin/dynamic-focus/mappedin-js/src' {
     import MapData from '@mappedin/dynamic-focus/mappedin-js/src/map-data';
-    import type { TEvents, TStateChangedInternalPayload, TEventPayload, TClickPayload, THoverPayload, TFloorChangeReason } from '@mappedin/dynamic-focus/mappedin-js/src/events';
+    import type { TEvents, TMapDataEvents, TStateChangedInternalPayload, TEventPayload, TClickPayload, THoverPayload, TFloorChangeReason } from '@mappedin/dynamic-focus/mappedin-js/src/events';
     import type { TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions, Environment, TSearchOptions } from '@mappedin/dynamic-focus/packages/mvf-utils';
     import { parseMVF, unzipMVF } from '@packages/internal/mvf-utils';
     import type { Floor } from '@mappedin/dynamic-focus/mappedin-js/src/map-data-objects';
     import type { ParsedMVF as TMVF, StyleCollection as TMVFStyleCollection, Style as TMVFStyle, LineStringStyle as TMVFLineStringStyle, PolygonStyle as TMVFPolygonStyle, PointStyle as TMVFPointStyle, OperationHours, SiblingGroup, LocationState } from '@mappedin/mvf-v2';
     import { MapView } from '@mappedin/dynamic-focus/mappedin-js/src/map-view';
     export type { Text3D as Text3DApi } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/text3d';
-    export { disableText3DWorker } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/text3d';
     import type { InsetPadding, InsetPaddingOption, Shading, PaintStyle, LineStyle, Text3DState, AddText3DOptions, UpdatableText3DState, InitializeText3DState, EnvMapOptions, MapViewState, UpdateModelState, InitializeModelState, WatermarkUpdateOptions, Interpolation } from '@mappedin/dynamic-focus/geojson/src';
     import { enableTestMode, preloadFont } from '@mappedin/dynamic-focus/geojson/src';
     export type { PubSub } from '@packages/internal/common/pubsub';
@@ -3726,6 +3725,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src' {
     import type { TBlueDotEvents, TBlueDotAction, TBlueDotState, GeolocationPositionExtended, TFollowMode, TFollowCameraOptions } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/blue-dot/blue-dot';
     import type { TExpandOptions, TStackedMapsEvents, TStackedMapsState } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
     import { hydrateMapData, type THydrateMapDataBundle } from '@mappedin/dynamic-focus/mappedin-js/src/hydrate-map-data';
+    export { disableText3DWorker } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/text3d';
     export { hydrateMapData, type THydrateMapDataBundle };
     export { setLoggerLevel, E_SDK_LOG_LEVEL } from '@packages/internal/common/Mappedin.Logger';
     /**
@@ -3996,6 +3996,15 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src' {
                 * @default false
                 */
             hideImagesNotOnCurrentFloor?: boolean;
+            /**
+                * If true, the map will not use web workers. This will turn off outdoor context, and may negatively impact performance of labels and markers.
+                * @internal
+                *
+                * ⚠️ **WARNING**: Setting this to true is not recommended and should only be used for environments where the CSP does not allow web workers.
+                * Disabling web workers may significantly degrade performance and disable outdoor map functionality.
+                * @default false
+                */
+            disableWorkers?: boolean;
     };
     /**
         * @internal
@@ -4037,6 +4046,19 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src' {
         * @experimental
         */
     export const createMapLibreOverlay: (mapData: MapData, showMapOptions?: TShow3DMapOptions) => MappedinMapLibreOverlay;
+    /**
+        * @internal
+        *
+        * Note: had to add this here to avoid a circular reference when I put it in options
+        * TODO: investigate
+        *
+        * Check if the worker urls are valid
+        * @returns false if workers have not been set, and an object with the worker urls if they are set
+        */
+    export const checkWorkerUrls: () => Promise<false | {
+            collision: boolean;
+            maplibre: boolean;
+    }>;
     export const show3dMap: (el: HTMLElement, mapData: MapData, options?: TShow3DMapOptions) => Promise<MapView>;
     /**
         * @internal
@@ -4044,7 +4066,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src' {
         */
     export const show3dMapGeojson: (el: HTMLElement, mapData: MapData, options?: TShow3DMapOptions) => Promise<MapView>;
     export { parseMVF, unzipMVF, enableTestMode, preloadFont, MAPPEDIN_COLORS };
-    export type { MapView, MapData, MapViewState, MappedinMapLibreOverlay, TMappedinMapLibreOverlayEvents, TBlueDotEvents, TBlueDotAction, TBlueDotState, GeolocationPositionExtended, TStackedMapsEvents, TExpandOptions, TStackedMapsState, TFollowMode, TFollowCameraOptions, TEvents, TStateChangedInternalPayload, TEventPayload, TFloorChangeReason, TClickPayload, THoverPayload, TShow3DMapOptions, TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TSearchOptions, TGetMapDataSharedOptions, TAntialiasingOptions, TMVF, PaintStyle, LineStyle, EnvMapOptions, Shading, TMVFStyleCollection, TMVFStyle, TMVFLineStringStyle, TMVFPolygonStyle, TMVFPointStyle, Environment, InsetPadding, InsetPaddingOption, OperationHours, SiblingGroup, LocationState, Text3DState, AddText3DOptions, UpdatableText3DState, InitializeText3DState, UpdateModelState, InitializeModelState, Interpolation, };
+    export type { MapView, MapData, MapViewState, MappedinMapLibreOverlay, TMappedinMapLibreOverlayEvents, TBlueDotEvents, TBlueDotAction, TBlueDotState, GeolocationPositionExtended, TStackedMapsEvents, TExpandOptions, TStackedMapsState, TFollowMode, TFollowCameraOptions, TEvents, TMapDataEvents, TStateChangedInternalPayload, TEventPayload, TFloorChangeReason, TClickPayload, THoverPayload, TShow3DMapOptions, TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TSearchOptions, TGetMapDataSharedOptions, TAntialiasingOptions, TMVF, PaintStyle, LineStyle, EnvMapOptions, Shading, TMVFStyleCollection, TMVFStyle, TMVFLineStringStyle, TMVFPolygonStyle, TMVFPointStyle, Environment, InsetPadding, InsetPaddingOption, OperationHours, SiblingGroup, LocationState, Text3DState, AddText3DOptions, UpdatableText3DState, InitializeText3DState, UpdateModelState, InitializeModelState, Interpolation, };
     export type * from 'geojson';
     export type { TUpdateState, TUpdateStates, TLabelState, TGeometryState, TModelState, TShapeState, TDoorsState, TImageState, TWallsState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TDirectionZone, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TAddModelOptions, TAddModel, TAddImageOptions, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, TBlueDotOptions, TBlueDotPositionUpdate, TFocusTarget, IFocusable, IAnchorable, TMapDataObjectTypes, TFloorState, TFacadeState, TSetFloorOptions, TCancellablePromise, TAnimateStateResult, GlobalState, TActionType, TBearingType, TConnectionType, } from '@mappedin/dynamic-focus/mappedin-js/src/types';
     export { WALLS, DOORS, ACTION_TYPE, BEARING_TYPE, CONNECTION_TYPE } from '@mappedin/dynamic-focus/mappedin-js/src/types';
@@ -4323,22 +4345,53 @@ declare module '@mappedin/dynamic-focus/geojson/src' {
     export type { Text3DState } from '@mappedin/dynamic-focus/geojson/src/components/text3d';
     export { TEXT3D_STYLE_UPDATE_PROPS } from '@mappedin/dynamic-focus/geojson/src/entities/utils';
     export { Navigator } from '@mappedin/dynamic-focus/packages/geojson-navigator';
-    export { debounce } from '@mappedin/dynamic-focus/geojson/src/utils';
-    export { MAPPEDIN_LAYER_ID } from '@mappedin/dynamic-focus/geojson/src/utils/constants';
+    export { interpolate, debounce } from '@packages/internal/common';
+    export { MAPPEDIN_LAYER_ID, MAPLIBRE_WORKER_PATH, COLLISION_WORKER_PATH } from '@mappedin/dynamic-focus/geojson/src/utils/constants';
     export type { DebugState, Debug } from '@mappedin/dynamic-focus/geojson/src/utils/debug';
     /**
-      * Enable test mode for the renderer. This will disable the WebGLRenderer and WebGL1Renderer and replace them with a dummy object
-      * so you can run tests against it
-      */
+        * Enable test mode for the renderer. This will disable the WebGLRenderer and WebGL1Renderer and replace them with a dummy object
+        * so you can run tests against it
+        */
     export { enableTestMode } from '@mappedin/dynamic-focus/geojson/src/services/test-mode';
     export { mountSceneGraphVisualizer };
     export type { EntityId, EntityState, LineStyle, PaintStyle, ModelProperties, Shading, ImagePlacementOptions, } from '@mappedin/dynamic-focus/geojson/src/types';
     export type * from 'geojson';
+    export let maplibreWorkerUrl: string;
+    export function setMaplibreWorkerUrl(url: string): void;
+    export let collisionWorkerUrl: string;
+    /**
+        * Sets the URL for the collision system worker script.
+        *
+        * This function allows specifying a custom URL for the collision system's web worker,
+        * which is particularly useful in environments with strict Content Security Policy (CSP)
+        * that don't allow blob: URLs or inline scripts.
+        *
+        * When provided, the collision system will load its worker from the specified URL
+        * instead of creating an inline worker from a blob. This enables compatibility with
+        * environments that have restrictive CSP settings.
+        *
+        * @param url - The absolute URL pointing to the collision worker script.
+        *              This should be a URL where the compiled version of the worker.ts file is hosted.
+        *
+        * @example
+        * ```typescript
+        * // Set a custom URL for the collision worker
+        * import { setWorkerUrl } from '@mappedin/core-sdk';
+        *
+        * // Must be called before initializing any maps
+        * setWorkerUrl('https://cdn.example.com/workers/collision-worker.js');
+        * ```
+        *
+        * @remarks
+        * - This function must be called before any map instances are created
+        * - The worker file must be built and hosted separately as part of your deployment process
+        * - Ideal for applications that need to comply with strict CSP requirements
+        */
+    export function setCollisionWorkerUrl(url: string): void;
     export type { WatermarkUpdateOptions, WatermarkOptions, WatermarkPosition } from '@mappedin/dynamic-focus/geojson/src/systems/watermark/system';
     export type { CameraSystemState } from '@mappedin/dynamic-focus/geojson/src/systems/camera/system';
     export type { PanBounds } from '@mappedin/dynamic-focus/geojson/src/systems/camera/types';
     export { preloadFont, configureWorker } from '@mappedin/dynamic-focus/geojson/src/systems/text3d/system';
-    export { setWorkerUrl as setCollisionWorkerUrl } from '@mappedin/dynamic-focus/geojson/src/systems/collisions/system';
     export type { GLTFExportOptions } from '@mappedin/dynamic-focus/geojson/src/systems/exporter';
     export type { AttributionControlOptions, AttributionPosition } from '@mappedin/dynamic-focus/geojson/src/systems/html-controls/system';
     export type { Text3DStyle, ModelStyle } from '@mappedin/dynamic-focus/geojson/src/components/styles';
@@ -4347,7 +4400,7 @@ declare module '@mappedin/dynamic-focus/geojson/src' {
     export { ANIMATION_TWEENS } from '@mappedin/dynamic-focus/geojson/src/camera';
     export type { AddPathOptions, AddMarkerOptions, AddLabelOptions, AnimateToOptions, FocusOnOptions, MapViewState, MarkerState, PathState, GroupContainerState, GeometryGroupState, ShapeState, CustomGeometryBuilder, LabelState, GeometryState, ModelState, UpdateModelState, InitializeModelState, Camera, InsetPadding, InsetPaddingOption, Position, ClickPayload, HoverPayload, CameraPayload, MapEvent, MapEventPayload, CollisionRankingTier, LabelAppearance, RendererCore, EnvMapOptions, RendererCoreOptions, Interpolation, };
     export function createRenderer(container: HTMLElement, options?: RendererCoreOptions & {
-        [key: string]: any;
+            [key: string]: any;
     }): Promise<RendererCore>;
 }
 
@@ -4590,19 +4643,19 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/events' {
             /**
                 * Emitted when the Blue Dot's position is updated.
                 */
-            'blue-dot-position-update': TBlueDotEvents['position-update'];
+            'blue-dot-position-update': TBlueDotEvents['blue-dot-position-update'];
             /**
                 * Emitted when the Blue Dot's state changes.
                 */
-            'blue-dot-state-change': TBlueDotEvents['state-change'];
+            'blue-dot-state-change': TBlueDotEvents['blue-dot-state-change'];
             /**
                 * Emitted when the Blue Dot encounters an error.
                 */
-            'blue-dot-error': TBlueDotEvents['error'];
+            'blue-dot-position-error': TBlueDotEvents['blue-dot-position-error'];
             /**
                 * Emitted when the Blue Dot's follow mode changes.
                 */
-            'blue-dot-follow-change': TBlueDotEvents['follow-change'];
+            'blue-dot-follow-change': TBlueDotEvents['blue-dot-follow-change'];
             /**
                 * Emitted when a navigation connection is clicked.
                 */
@@ -4660,6 +4713,12 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/events' {
                     blueDot: boolean;
             };
     };
+    export type TMapDataEvents = {
+            'language-change': {
+                    code: string;
+                    name: string;
+            };
+    };
 }
 
 declare module '@mappedin/dynamic-focus/mappedin-js/src/map-data-objects/base-metadata-object' {
@@ -4787,12 +4846,20 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/analytics/customer' {
             /**
                 * @internal
                 */
-            sendMapViewLoadedEvent({ firstRenderDuration, dimension, }: {
+            sendMapViewLoadedEvent({ firstRenderDuration, dimension, collisionWorkerDisabled, outdoorsWorkerDisabled, }: {
                     firstRenderDuration: number;
                     dimension: {
                             height: number;
                             width: number;
                     };
+                    /**
+                        * True when setWorkerURL is set, but the worker file cannot be found, so we disable the collision worker and use sync collision detection instead
+                        */
+                    collisionWorkerDisabled: boolean;
+                    /**
+                        * True when setWorkerURL is set, but the worker file cannot be found, so we disable the outdoor context
+                        */
+                    outdoorsWorkerDisabled: boolean;
             }): void | Promise<Response> | Promise<void>;
             /**
                 * @internal
@@ -4942,7 +5009,6 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/directions/i
 
 declare module '@mappedin/dynamic-focus/mappedin-js/src/map-data' {
     import { Analytics } from '@mappedin/dynamic-focus/mappedin-js/src/analytics';
-    import { PubSub } from '@packages/internal/common/pubsub';
     import type { TSearchOptions } from '@packages/internal/mvf-utils';
     import type { Connection, Door, Floor, MapDataInternal, Space, MapObject, PointOfInterest, Annotation, Coordinate, FloorStack, Node, Facade, Area, EnterpriseCategory, EnterpriseLocation, EnterpriseVenue, LocationProfile, LocationCategory } from '@mappedin/dynamic-focus/mappedin-js/src/map-data-objects';
     import { Search } from '@mappedin/dynamic-focus/mappedin-js/src/search';
@@ -4950,6 +5016,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/map-data' {
     import type { Directions } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/directions';
     import type { Query } from '@mappedin/dynamic-focus/mappedin-js/src/query';
     import type { IGeoJSONData } from '@mappedin/dynamic-focus/mappedin-js/src/map-data-objects/types';
+    import type { TMapDataEvents } from '@mappedin/dynamic-focus/mappedin-js/src/events';
     /**
         * A WeakMap to associate {@link MapData} instances with their internal representation.
         * We need a way to get the internal data object from the API
@@ -5010,12 +5077,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/map-data' {
         * Represents the data for a map, providing access to map elements
         * like spaces, floors, and points of interest.
         */
-    class MapData extends PubSub<{
-            'language-change': {
-                    code: string;
-                    name: string;
-            };
-    }> {
+    class MapData {
             #private;
             Analytics: Analytics;
             /**
@@ -5080,6 +5142,49 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/map-data' {
             constructor(internal: MapDataInternal, { search }?: {
                     search?: TSearchOptions;
             });
+            /**
+                * Subscribe to MapData events.
+                *
+                * Listen for events emitted by the MapData instance such as language changes.
+                *
+                * @param eventName The name of the event to listen for.
+                * @param fn The callback function to execute when the event is emitted.
+                *
+                * @example Listen for language changes
+                * ```ts
+                * mapData.on('language-change', ({ code, name }) => {
+                *   console.log(`Language changed to ${name} (${code})`);
+                *
+                *   // Update UI to reflect new language
+                * 	updateInterfaceLanguage(code);
+                * });
+                * ```
+                */
+            on: <EventName extends keyof TMapDataEvents>(eventName: EventName, fn: (payload: TMapDataEvents[EventName] extends {
+                    data: null;
+            } ? TMapDataEvents[EventName]["data"] : TMapDataEvents[EventName]) => void) => void;
+            /**
+                * Unsubscribe from MapData events.
+                *
+                * @param eventName The name of the event to unsubscribe from.
+                * @param fn The callback function that was previously registered with `on()`.
+                *
+                * @example Remove language change listener
+                * ```ts
+                * const handleLanguageChange = ({ code, name }) => {
+                *   console.log(`Language changed to ${name}`);
+                * };
+                *
+                * // Add listener
+                * mapData.on('language-change', handleLanguageChange);
+                *
+                * // Later, remove the listener
+                * mapData.off('language-change', handleLanguageChange);
+                * ```
+                */
+            off: <EventName extends keyof TMapDataEvents>(eventName: EventName, fn: (payload: TMapDataEvents[EventName] extends {
+                    data: null;
+            } ? TMapDataEvents[EventName]["data"] : TMapDataEvents[EventName]) => void) => void;
             /**
                 * Get the current environment configuration.
                 *
@@ -5641,7 +5746,6 @@ declare module '@mappedin/dynamic-focus/packages/mvf-utils' {
 declare module '@mappedin/dynamic-focus/mappedin-js/src/map-view' {
     import { type RendererCore, type WatermarkUpdateOptions } from '@mappedin/dynamic-focus/geojson/src';
     import type { EasingCurve } from '@packages/internal/common';
-    import { PubSub } from '@packages/internal/common';
     import { type TEvents, type TShow3DMapOptions } from '@mappedin/dynamic-focus/mappedin-js/src';
     import type { Navigation } from '@mappedin/dynamic-focus/mappedin-js/src/navigation';
     import type { Camera, Labels, Markers, Models, Paths, Exporter, Directions, Style, Outdoor, Images } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson';
@@ -5741,7 +5845,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/map-view' {
         *
         * For help getting started, refer to the [Getting Started Guide](https://developer.mappedin.com/web-sdk/getting-started).
         */
-    export class MapView extends PubSub<TEvents> {
+    export class MapView {
             #private;
             /**
                 * Controls for the map's camera.
@@ -6722,7 +6826,6 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/maplibre-overlay' {
     import { type TShow3DMapOptions } from '@mappedin/dynamic-focus/mappedin-js/src';
     import type { Position } from '@mappedin/core-sdk';
     import type { IControl } from '@packages/internal/outdoor-context-v4';
-    import { PubSub } from '@packages/internal/common';
     export type TMappedinMapLibreOverlayEvents = {
             /**
                 * Event emitted when the MappedinMap is loaded
@@ -6791,7 +6894,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/maplibre-overlay' {
         *
         * Refer to the [Mappedin MapLibre Overlay](https://developer.mappedin.com/web-sdk/mappedin-maplibre-overlay) for more information and interactive examples.
         */
-    export class MappedinMapLibreOverlay extends PubSub<TMappedinMapLibreOverlayEvents> implements IControl {
+    export class MappedinMapLibreOverlay implements IControl {
             #private;
             static instance: MappedinMapLibreOverlay;
             /** @internal */
@@ -6937,7 +7040,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/constants' {
 
 declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/blue-dot/blue-dot' {
     import type { RendererCore } from '@mappedin/core-sdk';
-    import { PubSub, EasingCurve } from '@packages/internal/common';
+    import { EasingCurve } from '@packages/internal/common';
     import { Coordinate, type Floor } from '@mappedin/dynamic-focus/mappedin-js/src/map-data-objects';
     import type { TBlueDotOptions, TBlueDotPositionUpdate } from '@mappedin/dynamic-focus/mappedin-js/src/types';
     import type { GeoJsonApi } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/api';
@@ -6945,7 +7048,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/blue-dot/blu
             /**
                 * Emitted when the Blue Dot's position is updated.
                 */
-            'position-update': {
+            'blue-dot-position-update': {
                     floor: Floor | undefined;
                     heading: GeolocationPosition['coords']['heading'] | undefined;
                     accuracy: GeolocationPosition['coords']['accuracy'] | undefined;
@@ -6954,7 +7057,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/blue-dot/blu
             /**
                 * Emitted when the Blue Dot's state changes.
                 */
-            'state-change': {
+            'blue-dot-state-change': {
                     /**
                         * The new state of the Blue Dot.
                         */
@@ -6965,13 +7068,13 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/blue-dot/blu
                     action: TBlueDotAction;
             };
             /**
-                * Emitted when the Blue Dot encounters an error.
+                * Emitted when the Blue Dot encounters a GeolocationPositionError.
                 */
-            error: GeolocationPositionError;
+            'blue-dot-position-error': GeolocationPositionError;
             /**
                 * Emitted when the Blue Dot's following state changes.
                 */
-            'follow-change': {
+            'blue-dot-follow-change': {
                     /**
                         * Whether the Blue Dot is following the user.
                         */
@@ -7015,7 +7118,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/blue-dot/blu
         * mapView.BlueDot.follow('position-and-heading', { zoomLevel: 21, pitch: 45 });
         *
         * // Listen for state changes
-        * mapView.BlueDot.on('state-change', ({ state, action }) => {
+        * mapView.on('blue-dot-state-change', ({ state, action }) => {
         *   console.log('BlueDot state:', state, 'Action:', action);
         * });
         * ```
@@ -7030,7 +7133,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/blue-dot/blu
         *
         * This class is accessed using {@link MapView.BlueDot}.
         */
-    export class BlueDot extends PubSub<TBlueDotEvents> {
+    export class BlueDot {
             #private;
             /**
                 * The current state of the BlueDot. Can be 'hidden', 'active', 'inactive', or 'disabled'.
@@ -7068,7 +7171,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/blue-dot/blu
             /**
                 * @internal
                 */
-            constructor(core: RendererCore, geoJSONApi: GeoJsonApi);
+            constructor(core: RendererCore, api: GeoJsonApi);
             /**
                 * Enable the Blue Dot. It will be hidden until a position is received either from the browser or by calling {@link BlueDot.update}.
                 * @param options - The options to setup the Blue Dot (see {@link TBlueDotOptions}).
@@ -7380,7 +7483,6 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/debug' {
 
 declare module '@mappedin/dynamic-focus/mappedin-js/src/navigation' {
     import { type TDirectionInstruction } from '@mappedin/dynamic-focus/mappedin-js/src';
-    import { PubSub } from '@mappedin/dynamic-focus/packages/common/pubsub';
     import type { Directions, GeoJsonApi } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson';
     import type { GeojsonApiMapObject } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/map-object';
     import type { Floor, FloorStack } from '@mappedin/dynamic-focus/mappedin-js/src/map-data-objects';
@@ -7566,6 +7668,21 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/navigation' {
                 * Emitted when the navigation state changes.
                 */
             'navigation-state-change': NavigationState;
+            /**
+                * Emitted when a connection point is clicked.
+                */
+            'navigation-connection-click': {
+                    fromFloor?: Floor;
+                    toFloor: Floor;
+                    instruction: TDirectionInstruction;
+            };
+            /**
+                * Emitted when the active path changes.
+                */
+            'navigation-active-path-change': {
+                    directions: Directions;
+                    path: Path;
+            };
     };
     /**
         * When a user needs to get from point A to point B, drawing a path on the map helps them to navigate to their destination. It can help them to visualize the route they'll need to take, like a good treasure map.
@@ -7578,7 +7695,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/navigation' {
         *
         * Refer to the [Drawing Navigation](https://developer.mappedin.com/web-sdk/wayfinding#drawing-navigation) in the Wayfinding Guide for more information and interactive examples.
         */
-    export class Navigation extends PubSub<TNavigationEvents> {
+    export class Navigation {
             #private;
             /**
                 * @internal
@@ -7659,6 +7776,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/navigation' {
 
 declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/api' {
     import type { RendererCore, WatermarkUpdateOptions } from '@mappedin/core-sdk';
+    import { PubSub } from '@packages/internal/common';
     import { type TShow3DMapOptions } from '@mappedin/dynamic-focus/mappedin-js/src';
     import { WALLS, DOORS } from '@mappedin/dynamic-focus/mappedin-js/src/types';
     import type MapData from '@mappedin/dynamic-focus/mappedin-js/src/map-data';
@@ -7667,7 +7785,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/api' {
     import type { MapView } from '@mappedin/dynamic-focus/mappedin-js/src/map-view';
     import { Label, Marker, Shape } from '@mappedin/dynamic-focus/mappedin-js/src/map-view-objects';
     import { Text3D as Text3DView, Model, Path, type Image } from '@mappedin/dynamic-focus/mappedin-js/src/map-view-objects';
-    import { Navigation } from '@mappedin/dynamic-focus/mappedin-js/src/navigation';
+    import { Navigation, type TNavigationEvents } from '@mappedin/dynamic-focus/mappedin-js/src/navigation';
     import type { TGetState, TUpdateState } from '@mappedin/dynamic-focus/mappedin-js/src/types';
     import { Camera } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/camera';
     import { Exporter } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/exporter';
@@ -7677,9 +7795,9 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/api' {
     import { Images } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/images';
     import { Models } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/models';
     import { Paths } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/paths';
-    import type { BlueDotState } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/blue-dot';
+    import type { BlueDotState, TBlueDotEvents } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/blue-dot';
     import { BlueDot } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/blue-dot';
-    import type { TFloorChangeReason } from '@mappedin/dynamic-focus/mappedin-js/src/events';
+    import type { TEvents, TFloorChangeReason } from '@mappedin/dynamic-focus/mappedin-js/src/events';
     import { Shapes } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/shapes';
     import { Style } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/style';
     import Outdoor from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/outdoor';
@@ -7687,7 +7805,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/api' {
     import { Text3D } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/text3d';
     import { PathSegment } from '@mappedin/dynamic-focus/mappedin-js/src/map-view-objects/path';
     import { Tween } from '@tweenjs/tween.js';
-    export class GeoJsonApi {
+    export class GeoJsonApi extends PubSub<TBlueDotEvents & TNavigationEvents> {
             #private;
             core: RendererCore;
             mapObjects: GeojsonApiMapObject[];
@@ -7703,6 +7821,13 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/api' {
                     layers: string[]
             ][];
             mapView: MapView;
+            /**
+                * External event bus for MapView - bridges internal API events to public API.
+                *
+                * Internal systems publish events here which are then exposed to developers via
+                * MapView.on() and MapView.off().
+                */
+            externalPubSub: PubSub<TEvents>;
             get manualFloorVisibility(): boolean;
             set manualFloorVisibility(value: boolean);
             Camera: Camera;
@@ -7719,7 +7844,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/api' {
             Style: Style;
             Images: Images;
             get StackedMaps(): import("..").StackedMaps;
-            constructor(rendererCore: RendererCore, mapView: MapView);
+            constructor(rendererCore: RendererCore, mapView: MapView, externalPubSub: PubSub<TEvents>);
             preloadFloors(floors: Floor[]): void;
             updateState<T extends Space | Text3DView | MapObject | Label | Shape | Marker | Model | Door | Facade | Floor | WALLS | DOORS | Path | PathSegment | (string & NonNullable<unknown>)>(target: T, state: TUpdateState<T>): void;
             update: () => void;
@@ -7939,9 +8064,14 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/query/external' {
                 */
              | 'same-elevation';
             /**
-                * The radius to search for features within
+                * The radius to search for features within, only used if useLineOfSight is true
                 */
             radius?: number;
+            /**
+                * Whether to use line of sight checks to filter results. This ensures that results aren't obstructed by walls, etc.
+                * @default true
+                */
+            lineOfSight?: boolean;
             /**
                 * The types to query for
                 */
@@ -11705,107 +11835,6 @@ declare module '@mappedin/dynamic-focus/packages/geojson-navigator' {
     export * from '@mappedin/dynamic-focus/packages/geojson-navigator/src';
 }
 
-declare module '@mappedin/dynamic-focus/geojson/src/utils' {
-    import type { Object3D, PerspectiveCamera, Camera as THREECamera } from 'three';
-    import { BoxGeometry, Mesh, MeshBasicMaterial, Box2 } from 'three';
-    import { MercatorCoordinate } from '@mappedin/dynamic-focus/packages/outdoor-context-v4';
-    import type { CustomLayerInterface } from '@mappedin/dynamic-focus/packages/outdoor-context-v4';
-    import { GroupContainerObject3D } from '@mappedin/dynamic-focus/geojson/src/entities/group-container';
-    import type { Geometry2D } from '@mappedin/dynamic-focus/geojson/src/entities/geometry2d';
-    import type { Geometry3DTypes } from '@mappedin/dynamic-focus/geojson/src/entities/geometry3d';
-    import type { Position, RendererState } from '@mappedin/dynamic-focus/geojson/src/renderer';
-    import type { Camera } from '@mappedin/dynamic-focus/geojson/src/camera';
-    import { GeometryGroupObject3D } from '@mappedin/dynamic-focus/geojson/src/entities/geometry-group';
-    export { isFiniteBox } from '@packages/internal/common';
-    import type { Position as GeoJSONPosition } from 'geojson';
-    export function cartesianToGeographic(centerLat: number, centerLon: number, x: number, y: number): {
-            lat: number;
-            lon: number;
-    };
-    export function geographicToCartesian(centerLat: number, centerLon: number, targetLat: number, targetLon: number): {
-            x: number;
-            y: number;
-    };
-    export const populateGeometry3DIdsInScene: (tree: GroupContainerObject3D["children"][0] | Object3D, entities: RendererState["geometry3DIdsInScene"], loadGeometryGroupIds: RendererState["geometryGroupIdsToLoad"]) => Set<string | number>;
-    export const populateGeometry2DIdsInScene: (tree: any, entities: Set<Geometry2D["id"]>) => Set<string | number>;
-    export function convertMapLibreStylePaintProps(paint: any): {
-            color: any;
-            height: any;
-            altitude: any;
-            opacity: any;
-            outline: any;
-    };
-    export function convertMapLibreLineStylePaintProps(paint: any): {
-            color: any;
-            join: any;
-            opacity: any;
-            width: any;
-            cap: any;
-    };
-    export function mergeObjects<T extends Record<string, any>>(obj1: T, obj2: T): T;
-    export function createCustomLayer(modelAsMercatorCoordinate: MercatorCoordinate, viewCamera: THREECamera, camera: Camera, onRender: () => void): CustomLayerInterface;
-    export function getRequestHeaders(authURL: string): Promise<{
-            'x-mappedin-tiles-key': string;
-    }>;
-    export function cyrb53(str: string, seed?: number): number;
-    /**
-    /*  getProjectionScaleFactor()
-    /*  finds the scale ratio between screen coordinates and 3D coordinates (in X-Z plane)
-    /*
-                *                                    R
-                *                                  /|
-                *    C : Camera                  /  |
-                *    PQ : Projection Plane     /    |
-                *    OR : Origin             /      |
-                *    F : FOV               /        |
-                *                      Q /          |
-                *                      /|           |
-                *                    /  |           |
-                *                  /    |           |
-                *                /      |           |
-                *              /        |           |
-                *            / F/2      |           |
-                *         C ------------P------------ O
-                *
-                *
-                *   ProjectionScaleFactor = ( OR / PQ )
-                *   PQ = canvasHeight / 2
-                *   CQ = zoom
-                *
-                *   OR / C0 = tan(F/2)
-                *   so OR = CO * tan(F/2)
-                */
-    export function getProjectionScaleFactor(FOV: number, canvasHeight: number, zoom: number): number;
-    export function getBoundingBoxCenter(bbox: Position[]): [number, number];
-    export { getCornersOfBoundingBox } from '@mappedin/dynamic-focus/geojson/src/utils/bounding-box';
-    export { getGeometryByGeometryId } from '@mappedin/dynamic-focus/geojson/src/utils/ecs';
-    export { getPixelRatio } from '@mappedin/dynamic-focus/geojson/src/utils/get-pixel-ratio';
-    export { debounce } from '@mappedin/dynamic-focus/geojson/src/utils/async';
-    export { shouldDisableOffscreenCanvas } from '@mappedin/dynamic-focus/geojson/src/utils/browser';
-    export { noop, pick, isEmpty, type KeysOfUnion } from '@mappedin/dynamic-focus/geojson/src/utils/fp';
-    export { transformRequest } from '@mappedin/dynamic-focus/geojson/src/utils/tranform-request';
-    export { normalizeAngle } from '@mappedin/dynamic-focus/geojson/src/utils/math';
-    export function shouldExpandZoomLevel(minZoomFromCurrentPanBounds: number, cameraZoomLevel: number): boolean;
-    export function getGroupContainerOpacity(entity: Geometry3DTypes | GeometryGroupObject3D): number;
-    /**
-        * Checks if two coordinate arrays are equal within a small tolerance to handle floating point precision issues.
-        *
-        * @param coord1 - First coordinate [longitude, latitude] or [longitude, latitude, altitude]
-        * @param coord2 - Second coordinate [longitude, latitude] or [longitude, latitude, altitude]
-        * @param tolerance - Tolerance for floating point comparison (default: 1e-10)
-        * @returns True if coordinates are equal within tolerance
-        */
-    export function coordinatesEqual(coord1: GeoJSONPosition, coord2: GeoJSONPosition, tolerance?: number): boolean;
-    export const MAPLIBRE_FRUSTRUM_CULL_HACK_NAME = "maplibre-frustum-culling-hack";
-    /**
-        * TODO: Find the actual root of the problem and fix it.
-        * This is a hack to get around some geometry disappearing when we're added as a layer in maplibre.
-        */
-    export function maplibreFrustrumCullHack(): Mesh<BoxGeometry, MeshBasicMaterial, import("three").Object3DEventMap>;
-    export function projectToBox2D(object: Object3D, camera: PerspectiveCamera, result?: Box2): Box2;
-    export function drawProjectedBox(box: Box2, color: string, container: HTMLElement): HTMLDivElement;
-}
-
 declare module '@mappedin/dynamic-focus/geojson/src/utils/constants' {
     import type { InsetPadding } from '@mappedin/dynamic-focus/geojson/src/types';
     export const DEFAULT_INSET_PADDING: InsetPadding;
@@ -11821,6 +11850,8 @@ declare module '@mappedin/dynamic-focus/geojson/src/utils/constants' {
       * Duration of zoom in/out animation when double tapping with one finger or single tapping with two fingers.
       */
     export const TAP_ZOOM_DURATION = 250;
+    export const COLLISION_WORKER_PATH = "collision-worker.csp.js";
+    export const MAPLIBRE_WORKER_PATH = "maplibre-worker.csp.js";
 }
 
 declare module '@mappedin/dynamic-focus/geojson/src/utils/debug' {
@@ -12656,8 +12687,9 @@ declare module '@mappedin/dynamic-focus/geojson/src/systems/text3d/system' {
     }> {
             textSet: Set<string>;
             batchedTextMap: Map<GroupContainerObject3D, Promise<BatchedText>>;
+            useWorker: boolean;
             remove(id: string): void;
-            constructor(rendererState: RendererState, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']);
+            constructor(rendererState: RendererState, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition'], useWorker?: boolean);
             update(cameraRotationRadians: number): Promise<void[]>;
             showTextAreaMesh(): void;
             hideTextAreaMesh(): void;
@@ -12678,135 +12710,22 @@ declare module '@mappedin/dynamic-focus/geojson/src/systems/text3d/system' {
     export const DEFAULT_VERTICAL_OFFSET = 0.5;
 }
 
-declare module '@mappedin/dynamic-focus/geojson/src/systems/collisions/system' {
-    import { QuadTree } from '@packages/internal/quad-tree';
-    import '../../styles/collisions.scss';
-    import type { MarkerComponent } from '@mappedin/dynamic-focus/geojson/src/components/marker';
-    import type LabelComponent from '@mappedin/dynamic-focus/geojson/src/components/label';
-    import { PubSub } from '@mappedin/dynamic-focus/packages/common/pubsub';
-    import type { RendererState } from '@mappedin/dynamic-focus/geojson/src/renderer';
-    import type { TSerializedCollider, TSerializedColliderResponse } from '@mappedin/dynamic-focus/geojson/src/systems/collisions/collider-processor';
-    import type { WatermarkPosition } from '@mappedin/dynamic-focus/geojson/src/systems/watermark/system';
-    export type TMessageEvent = MessageEvent<{
-            msgId: string;
-            colliders: TSerializedColliderResponse[];
-            debug: {
-                    x: number;
-                    y: number;
-                    w: number;
-                    h: number;
-            }[];
-    }>;
-    export type TMessage = {
-            msgId: string;
-            totalWidth: number;
-            totalHeight: number;
-            watermarkWidth: number;
-            watermarkHeight: number;
-            watermarkPosition: WatermarkPosition;
-            colliders: TSerializedCollider[];
-            devicePixelRatio: number;
-    };
-    type TCollisionSystemEvent = {
-            'visibility-changed': undefined;
-    };
-    export type PackedBBox = [x: number, y: number, w: number, h: number, index: number];
-    export type PackedBBoxes = PackedBBox[];
-    export type PackedCollider = [
-            bboxes: PackedBBoxes,
-            enabled: 0 | 1,
-            alwaysVisible: 0 | 1,
-            x: number,
-            y: number,
-            shouldCollideWithScreenEdges?: 0 | 1,
-            onlyExposeStrategyIndex?: number
-    ];
-    export type PackedMessage = [
-            colliders: PackedCollider[],
-            devicePixelRatio: number,
-            totalHeight: number,
-            totalWidth: number,
-            watermarkWidth: number,
-            watermarkHeight: number,
-            watermarkPosition: WatermarkPosition
-    ];
-    export class CollisionSystem extends PubSub<TCollisionSystemEvent, keyof TCollisionSystemEvent> {
-            collidersDirty: boolean;
-            packedMessage: PackedMessage;
-            visibleCollidersQTree: QuadTree<{
-                    entityId: string | number;
-            }>;
-            interactiveCollidersQTree: QuadTree<{
-                    entityId: string | number;
-            }>;
-            coreState: RendererState;
-            constructor(debugCanvas: HTMLCanvasElement, coreState: RendererState, worker?: Worker);
-            postMessage: () => void;
-            showCollisionBoxes: () => void;
-            hideCollisionBoxes: () => void;
-            currentMsgId: string;
-            working: boolean;
-            componentArray: (MarkerComponent | LabelComponent)[];
-            update: (watermarkWidth: number, watermarkHeight: number, watermarkPosition?: WatermarkPosition, isPanning?: boolean) => void;
-            resize(watermarkWidth: number, watermarkHeight: number, watermarkPosition: WatermarkPosition): void;
-            /**
-                * Resolve collisions
-                */
-            resolve: (e: MessageEvent<{
-                    msgId: string;
-                    colliders: TSerializedColliderResponse[];
-            }>) => void;
-            drawDebug: () => void;
-            destroy: () => void;
-    }
-    /**
-        * Sets the URL for the collision system worker script.
-        *
-        * This function allows specifying a custom URL for the collision system's web worker,
-        * which is particularly useful in environments with strict Content Security Policy (CSP)
-        * that don't allow blob: URLs or inline scripts.
-        *
-        * When provided, the collision system will load its worker from the specified URL
-        * instead of creating an inline worker from a blob. This enables compatibility with
-        * environments that have restrictive CSP settings.
-        *
-        * @param url - The absolute URL pointing to the collision worker script.
-        *              This should be a URL where the compiled version of the worker.ts file is hosted.
-        *
-        * @example
-        * ```typescript
-        * // Set a custom URL for the collision worker
-        * import { setWorkerUrl } from '@mappedin/core-sdk';
-        *
-        * // Must be called before initializing any maps
-        * setWorkerUrl('https://cdn.example.com/workers/collision-worker.js');
-        * ```
-        *
-        * @remarks
-        * - This function must be called before any map instances are created
-        * - The worker file must be built and hosted separately as part of your deployment process
-        * - Ideal for applications that need to comply with strict CSP requirements
-        */
-    export function setWorkerUrl(url: string): void;
-    export {};
-}
-
-declare module '@mappedin/dynamic-focus/geojson/src/systems/exporter' {
-    export { ExporterSystem, type GLTFExportOptions } from '@mappedin/dynamic-focus/geojson/src/systems/exporter/exporter';
-}
-
-declare module '@mappedin/dynamic-focus/geojson/src/systems/html-controls/system' {
-    import type { Map } from '@mappedin/dynamic-focus/packages/outdoor-context-v4';
-    import '../../styles/html-controls.scss';
-    /**
-        * All possible control anchor positions.
-        */
-    export const ATTRIBUTION_POSITIONS: readonly ["top-left", "top-right", "bottom-left", "bottom-right"];
-    export type AttributionPosition = (typeof ATTRIBUTION_POSITIONS)[number];
-    export type AttributionControlOptions = {
-            custom?: string[];
-            position?: AttributionPosition;
-            feedback?: boolean;
+declare module '@mappedin/dynamic-focus/geojson/src/systems/exporter' {
+    export { ExporterSystem, type GLTFExportOptions } from '@mappedin/dynamic-focus/geojson/src/systems/exporter/exporter';
+}
+
+declare module '@mappedin/dynamic-focus/geojson/src/systems/html-controls/system' {
+    import type { Map } from '@mappedin/dynamic-focus/packages/outdoor-context-v4';
+    import '../../styles/html-controls.scss';
+    /**
+        * All possible control anchor positions.
+        */
+    export const ATTRIBUTION_POSITIONS: readonly ["top-left", "top-right", "bottom-left", "bottom-right"];
+    export type AttributionPosition = (typeof ATTRIBUTION_POSITIONS)[number];
+    export type AttributionControlOptions = {
+            custom?: string[];
+            position?: AttributionPosition;
+            feedback?: boolean;
     };
     export class HTMLControlsSystem {
             controlContainerEl: HTMLDivElement;
@@ -13929,12 +13848,12 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/map-object'
     import { PubSub } from '@packages/internal/common';
     import type { Position, AddLabelOptions, RendererCore, PathState, MarkerState, LineStyle, PaintStyle, EntityId, Text3DState } from '@mappedin/core-sdk';
     import { FloorObject } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/floor-object';
-    import type { Directions, Floor, TAddMarkerOptions, TAddPathOptions, TShow3DMapOptions } from '@mappedin/dynamic-focus/mappedin-js/src';
-    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddImageOptions, TDirectionInstruction, TAddText3DOptions, IAnchorable, TAddLabelOptions } from '@mappedin/dynamic-focus/mappedin-js/src/types';
+    import type { TAddMarkerOptions, TAddPathOptions, TShow3DMapOptions } from '@mappedin/dynamic-focus/mappedin-js/src';
+    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddImageOptions, TAddText3DOptions, IAnchorable, TAddLabelOptions } from '@mappedin/dynamic-focus/mappedin-js/src/types';
     import { type AggregatedStyleMap } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/utils';
     import { StackedMaps } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
     import type { TFloorChangeReason } from '@mappedin/dynamic-focus/mappedin-js/src/events';
-    import type { Path, Shape } from '@mappedin/dynamic-focus/mappedin-js/src/map-view-objects';
+    import type { Shape } from '@mappedin/dynamic-focus/mappedin-js/src/map-view-objects';
     import type { MapDataInternal } from '@mappedin/dynamic-focus/mappedin-js/src/map-data-objects';
     import { Space, Coordinate } from '@mappedin/dynamic-focus/mappedin-js/src/map-data-objects';
     import { type GeoJsonApi } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/api';
@@ -13950,15 +13869,6 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/map-object'
             floorId: string;
             previousFloorId: string;
         };
-        'navigation-connection-click': {
-            fromFloor?: Floor;
-            toFloor: Floor;
-            instruction: TDirectionInstruction;
-        };
-        'navigation-active-path-change': {
-            directions: Directions;
-            path: Path;
-        };
     }> {
         #private;
         floorStacksById: Map<string, FloorStackObject>;
@@ -14055,68 +13965,6 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/map-object'
     };
 }
 
-declare module '@mappedin/dynamic-focus/packages/common/pubsub' {
-    /**
-        * Generic PubSub class implementing the Publish-Subscribe pattern for event handling.
-        *
-        * @template EVENT_PAYLOAD - The type of the event payload.
-        * @template EVENT - The type of the event.
-        */
-    export class PubSub<EVENT_PAYLOAD, EVENT extends keyof EVENT_PAYLOAD = keyof EVENT_PAYLOAD> {
-            /**
-                * @private
-                * @internal
-                */
-            _subscribers: any;
-            /**
-                * @private
-                * @internal
-                */
-            publish<EVENT_NAME extends EVENT>(eventName: EVENT_NAME, data?: EVENT_PAYLOAD[EVENT_NAME]): void;
-            /**
-                * Subscribe a function to an event.
-                *
-                * @param eventName An event name which, when fired, will call the provided
-                * function.
-                * @param fn A callback that gets called when the corresponding event is fired. The
-                * callback will get passed an argument with a type that's one of event payloads.
-                * @example
-                * // Subscribe to the 'click' event
-                * const handler = (event) => {
-                *  const { coordinate } = event;
-                *  const { latitude, longitude } = coordinate;
-                * 	console.log(`Map was clicked at ${latitude}, ${longitude}`);
-                * };
-                * map.on('click', handler);
-                */
-            on<EVENT_NAME extends EVENT>(eventName: EVENT_NAME, fn: (payload: EVENT_PAYLOAD[EVENT_NAME] extends {
-                    data: null;
-            } ? EVENT_PAYLOAD[EVENT_NAME]['data'] : EVENT_PAYLOAD[EVENT_NAME]) => void): void;
-            /**
-                * Unsubscribe a function previously subscribed with {@link on}
-                *
-                * @param eventName An event name to which the provided function was previously
-                * subscribed.
-                * @param fn A function that was previously passed to {@link on}. The function must
-                * have the same reference as the function that was subscribed.
-                * @example
-                * // Unsubscribe from the 'click' event
-                * const handler = (event) => {
-                * 	console.log('Map was clicked', event);
-                * };
-                * map.off('click', handler);
-                */
-            off<EVENT_NAME extends EVENT>(eventName: EVENT_NAME, fn: (payload: EVENT_PAYLOAD[EVENT_NAME] extends {
-                    data: null;
-            } ? EVENT_PAYLOAD[EVENT_NAME]['data'] : EVENT_PAYLOAD[EVENT_NAME]) => void): void;
-            /**
-                * @private
-                * @internal
-                */
-            destroy(): void;
-    }
-}
-
 declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/camera' {
     import type { IFocusable, TCameraAnimationOptions, TCameraTarget, TFocusOnOptions, TCameraInteractionsSetOptions } from '@mappedin/dynamic-focus/mappedin-js/src/types';
     import type { InsetPadding } from '@mappedin/dynamic-focus/geojson/src';
@@ -15148,7 +14996,6 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/outdoor' {
 
 declare module '@mappedin/dynamic-focus/mappedin-js/src/navigation/index' {
     import { type TDirectionInstruction } from '@mappedin/dynamic-focus/mappedin-js/src';
-    import { PubSub } from '@mappedin/dynamic-focus/packages/common/pubsub';
     import type { Directions, GeoJsonApi } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson';
     import type { GeojsonApiMapObject } from '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/map-object';
     import type { Floor, FloorStack } from '@mappedin/dynamic-focus/mappedin-js/src/map-data-objects';
@@ -15334,6 +15181,21 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/navigation/index' {
                 * Emitted when the navigation state changes.
                 */
             'navigation-state-change': NavigationState;
+            /**
+                * Emitted when a connection point is clicked.
+                */
+            'navigation-connection-click': {
+                    fromFloor?: Floor;
+                    toFloor: Floor;
+                    instruction: TDirectionInstruction;
+            };
+            /**
+                * Emitted when the active path changes.
+                */
+            'navigation-active-path-change': {
+                    directions: Directions;
+                    path: Path;
+            };
     };
     /**
         * When a user needs to get from point A to point B, drawing a path on the map helps them to navigate to their destination. It can help them to visualize the route they'll need to take, like a good treasure map.
@@ -15346,7 +15208,7 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/navigation/index' {
         *
         * Refer to the [Drawing Navigation](https://developer.mappedin.com/web-sdk/wayfinding#drawing-navigation) in the Wayfinding Guide for more information and interactive examples.
         */
-    export class Navigation extends PubSub<TNavigationEvents> {
+    export class Navigation {
             #private;
             /**
                 * @internal
@@ -15783,6 +15645,90 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/search/external' {
     };
 }
 
+declare module '@mappedin/dynamic-focus/geojson/src/systems/collisions/system' {
+    import { QuadTree } from '@packages/internal/quad-tree';
+    import '../../styles/collisions.scss';
+    import type { MarkerComponent } from '@mappedin/dynamic-focus/geojson/src/components/marker';
+    import type LabelComponent from '@mappedin/dynamic-focus/geojson/src/components/label';
+    import { PubSub } from '@mappedin/dynamic-focus/packages/common/pubsub';
+    import type { RendererState } from '@mappedin/dynamic-focus/geojson/src/renderer';
+    import type { TSerializedCollider, TSerializedColliderResponse } from '@mappedin/dynamic-focus/geojson/src/systems/collisions/collider-processor';
+    import type { WatermarkPosition } from '@mappedin/dynamic-focus/geojson/src/systems/watermark/system';
+    export type TMessageEvent = MessageEvent<{
+        msgId: string;
+        colliders: TSerializedColliderResponse[];
+        debug: {
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+        }[];
+    }>;
+    export type TMessage = {
+        msgId: string;
+        totalWidth: number;
+        totalHeight: number;
+        watermarkWidth: number;
+        watermarkHeight: number;
+        watermarkPosition: WatermarkPosition;
+        colliders: TSerializedCollider[];
+        devicePixelRatio: number;
+    };
+    type TCollisionSystemEvent = {
+        'visibility-changed': undefined;
+    };
+    export type PackedBBox = [x: number, y: number, w: number, h: number, index: number];
+    export type PackedBBoxes = PackedBBox[];
+    export type PackedCollider = [
+        bboxes: PackedBBoxes,
+        enabled: 0 | 1,
+        alwaysVisible: 0 | 1,
+        x: number,
+        y: number,
+        shouldCollideWithScreenEdges?: 0 | 1,
+        onlyExposeStrategyIndex?: number
+    ];
+    export type PackedMessage = [
+        colliders: PackedCollider[],
+        devicePixelRatio: number,
+        totalHeight: number,
+        totalWidth: number,
+        watermarkWidth: number,
+        watermarkHeight: number,
+        watermarkPosition: WatermarkPosition
+    ];
+    export class CollisionSystem extends PubSub<TCollisionSystemEvent, keyof TCollisionSystemEvent> {
+        collidersDirty: boolean;
+        packedMessage: PackedMessage;
+        visibleCollidersQTree: QuadTree<{
+            entityId: string | number;
+        }>;
+        interactiveCollidersQTree: QuadTree<{
+            entityId: string | number;
+        }>;
+        coreState: RendererState;
+        constructor(debugCanvas: HTMLCanvasElement, coreState: RendererState, useWorker?: boolean);
+        postMessage: () => void;
+        showCollisionBoxes: () => void;
+        hideCollisionBoxes: () => void;
+        currentMsgId: string;
+        working: boolean;
+        componentArray: (MarkerComponent | LabelComponent)[];
+        update: (watermarkWidth: number, watermarkHeight: number, watermarkPosition?: WatermarkPosition, isPanning?: boolean) => void;
+        resize(watermarkWidth: number, watermarkHeight: number, watermarkPosition: WatermarkPosition): void;
+        /**
+          * Resolve collisions
+          */
+        resolve: (e: MessageEvent<{
+            msgId: string;
+            colliders: TSerializedColliderResponse[];
+        }>) => void;
+        drawDebug: () => void;
+        destroy: () => void;
+    }
+    export {};
+}
+
 declare module '@mappedin/dynamic-focus/geojson/src/entities/geometry3d' {
     import { Object3D } from 'three';
     import type { Mesh, Object3DEventMap, ShaderMaterial, Texture, TubeGeometry, Color, Vector2, Raycaster } from 'three';
@@ -16265,6 +16211,8 @@ declare module '@mappedin/dynamic-focus/geojson/src/types/options' {
         occlusionEnabled?: boolean;
         /** Callback to intercept and modify requests for images. */
         transformImageRequest?: TransformImageRequest;
+        useWorkers?: boolean;
+        useCollisionWorker?: boolean;
     }>;
 }
 
@@ -16299,6 +16247,68 @@ declare module '@mappedin/dynamic-focus/geojson/src/systems/mesh-creation-and-op
     }
 }
 
+declare module '@mappedin/dynamic-focus/packages/common/pubsub' {
+    /**
+        * Generic PubSub class implementing the Publish-Subscribe pattern for event handling.
+        *
+        * @template EVENT_PAYLOAD - The type of the event payload.
+        * @template EVENT - The type of the event.
+        */
+    export class PubSub<EVENT_PAYLOAD, EVENT extends keyof EVENT_PAYLOAD = keyof EVENT_PAYLOAD> {
+            /**
+                * @private
+                * @internal
+                */
+            _subscribers: any;
+            /**
+                * @private
+                * @internal
+                */
+            publish<EVENT_NAME extends EVENT>(eventName: EVENT_NAME, data?: EVENT_PAYLOAD[EVENT_NAME]): void;
+            /**
+                * Subscribe a function to an event.
+                *
+                * @param eventName An event name which, when fired, will call the provided
+                * function.
+                * @param fn A callback that gets called when the corresponding event is fired. The
+                * callback will get passed an argument with a type that's one of event payloads.
+                * @example
+                * // Subscribe to the 'click' event
+                * const handler = (event) => {
+                *  const { coordinate } = event;
+                *  const { latitude, longitude } = coordinate;
+                * 	console.log(`Map was clicked at ${latitude}, ${longitude}`);
+                * };
+                * map.on('click', handler);
+                */
+            on<EVENT_NAME extends EVENT>(eventName: EVENT_NAME, fn: (payload: EVENT_PAYLOAD[EVENT_NAME] extends {
+                    data: null;
+            } ? EVENT_PAYLOAD[EVENT_NAME]['data'] : EVENT_PAYLOAD[EVENT_NAME]) => void): void;
+            /**
+                * Unsubscribe a function previously subscribed with {@link on}
+                *
+                * @param eventName An event name to which the provided function was previously
+                * subscribed.
+                * @param fn A function that was previously passed to {@link on}. The function must
+                * have the same reference as the function that was subscribed.
+                * @example
+                * // Unsubscribe from the 'click' event
+                * const handler = (event) => {
+                * 	console.log('Map was clicked', event);
+                * };
+                * map.off('click', handler);
+                */
+            off<EVENT_NAME extends EVENT>(eventName: EVENT_NAME, fn: (payload: EVENT_PAYLOAD[EVENT_NAME] extends {
+                    data: null;
+            } ? EVENT_PAYLOAD[EVENT_NAME]['data'] : EVENT_PAYLOAD[EVENT_NAME]) => void): void;
+            /**
+                * @private
+                * @internal
+                */
+            destroy(): void;
+    }
+}
+
 declare module '@mappedin/dynamic-focus/geojson/src/services/renderer' {
     import type { Scene, Camera } from 'three';
     import { Color, WebGLRenderer } from 'three';
@@ -16936,6 +16946,107 @@ declare module '@mappedin/dynamic-focus/geojson/src/systems/geometry-disposal/sy
     }
 }
 
+declare module '@mappedin/dynamic-focus/geojson/src/utils' {
+    import type { Object3D, PerspectiveCamera, Camera as THREECamera } from 'three';
+    import { BoxGeometry, Mesh, MeshBasicMaterial, Box2 } from 'three';
+    import { MercatorCoordinate } from '@mappedin/dynamic-focus/packages/outdoor-context-v4';
+    import type { CustomLayerInterface } from '@mappedin/dynamic-focus/packages/outdoor-context-v4';
+    import { GroupContainerObject3D } from '@mappedin/dynamic-focus/geojson/src/entities/group-container';
+    import type { Geometry2D } from '@mappedin/dynamic-focus/geojson/src/entities/geometry2d';
+    import type { Geometry3DTypes } from '@mappedin/dynamic-focus/geojson/src/entities/geometry3d';
+    import type { Position, RendererState } from '@mappedin/dynamic-focus/geojson/src/renderer';
+    import type { Camera } from '@mappedin/dynamic-focus/geojson/src/camera';
+    import { GeometryGroupObject3D } from '@mappedin/dynamic-focus/geojson/src/entities/geometry-group';
+    export { isFiniteBox } from '@packages/internal/common';
+    import type { Position as GeoJSONPosition } from 'geojson';
+    export function cartesianToGeographic(centerLat: number, centerLon: number, x: number, y: number): {
+            lat: number;
+            lon: number;
+    };
+    export function geographicToCartesian(centerLat: number, centerLon: number, targetLat: number, targetLon: number): {
+            x: number;
+            y: number;
+    };
+    export const populateGeometry3DIdsInScene: (tree: GroupContainerObject3D["children"][0] | Object3D, entities: RendererState["geometry3DIdsInScene"], loadGeometryGroupIds: RendererState["geometryGroupIdsToLoad"]) => Set<string | number>;
+    export const populateGeometry2DIdsInScene: (tree: any, entities: Set<Geometry2D["id"]>) => Set<string | number>;
+    export function convertMapLibreStylePaintProps(paint: any): {
+            color: any;
+            height: any;
+            altitude: any;
+            opacity: any;
+            outline: any;
+    };
+    export function convertMapLibreLineStylePaintProps(paint: any): {
+            color: any;
+            join: any;
+            opacity: any;
+            width: any;
+            cap: any;
+    };
+    export function mergeObjects<T extends Record<string, any>>(obj1: T, obj2: T): T;
+    export function createCustomLayer(modelAsMercatorCoordinate: MercatorCoordinate, viewCamera: THREECamera, camera: Camera, onRender: () => void): CustomLayerInterface;
+    export function getRequestHeaders(authURL: string): Promise<{
+            'x-mappedin-tiles-key': string;
+    }>;
+    export function cyrb53(str: string, seed?: number): number;
+    /**
+    /*  getProjectionScaleFactor()
+    /*  finds the scale ratio between screen coordinates and 3D coordinates (in X-Z plane)
+    /*
+                *                                    R
+                *                                  /|
+                *    C : Camera                  /  |
+                *    PQ : Projection Plane     /    |
+                *    OR : Origin             /      |
+                *    F : FOV               /        |
+                *                      Q /          |
+                *                      /|           |
+                *                    /  |           |
+                *                  /    |           |
+                *                /      |           |
+                *              /        |           |
+                *            / F/2      |           |
+                *         C ------------P------------ O
+                *
+                *
+                *   ProjectionScaleFactor = ( OR / PQ )
+                *   PQ = canvasHeight / 2
+                *   CQ = zoom
+                *
+                *   OR / C0 = tan(F/2)
+                *   so OR = CO * tan(F/2)
+                */
+    export function getProjectionScaleFactor(FOV: number, canvasHeight: number, zoom: number): number;
+    export function getBoundingBoxCenter(bbox: Position[]): [number, number];
+    export { getCornersOfBoundingBox } from '@mappedin/dynamic-focus/geojson/src/utils/bounding-box';
+    export { getGeometryByGeometryId } from '@mappedin/dynamic-focus/geojson/src/utils/ecs';
+    export { getPixelRatio } from '@mappedin/dynamic-focus/geojson/src/utils/get-pixel-ratio';
+    export { debounce } from '@mappedin/dynamic-focus/geojson/src/utils/async';
+    export { shouldDisableOffscreenCanvas } from '@mappedin/dynamic-focus/geojson/src/utils/browser';
+    export { noop, pick, isEmpty, type KeysOfUnion } from '@mappedin/dynamic-focus/geojson/src/utils/fp';
+    export { transformRequest } from '@mappedin/dynamic-focus/geojson/src/utils/tranform-request';
+    export { normalizeAngle } from '@mappedin/dynamic-focus/geojson/src/utils/math';
+    export function shouldExpandZoomLevel(minZoomFromCurrentPanBounds: number, cameraZoomLevel: number): boolean;
+    export function getGroupContainerOpacity(entity: Geometry3DTypes | GeometryGroupObject3D): number;
+    /**
+        * Checks if two coordinate arrays are equal within a small tolerance to handle floating point precision issues.
+        *
+        * @param coord1 - First coordinate [longitude, latitude] or [longitude, latitude, altitude]
+        * @param coord2 - Second coordinate [longitude, latitude] or [longitude, latitude, altitude]
+        * @param tolerance - Tolerance for floating point comparison (default: 1e-10)
+        * @returns True if coordinates are equal within tolerance
+        */
+    export function coordinatesEqual(coord1: GeoJSONPosition, coord2: GeoJSONPosition, tolerance?: number): boolean;
+    export const MAPLIBRE_FRUSTRUM_CULL_HACK_NAME = "maplibre-frustum-culling-hack";
+    /**
+        * TODO: Find the actual root of the problem and fix it.
+        * This is a hack to get around some geometry disappearing when we're added as a layer in maplibre.
+        */
+    export function maplibreFrustrumCullHack(): Mesh<BoxGeometry, MeshBasicMaterial, import("three").Object3DEventMap>;
+    export function projectToBox2D(object: Object3D, camera: PerspectiveCamera, result?: Box2): Box2;
+    export function drawProjectedBox(box: Box2, color: string, container: HTMLElement): HTMLDivElement;
+}
+
 declare module '@mappedin/dynamic-focus/geojson/src/components/styles/style' {
     import type { LineStyle } from '@mappedin/dynamic-focus/geojson/src/renderer';
     export const DEFAULT_COLOR = "#ffffff";
@@ -17002,104 +17113,6 @@ declare module '@mappedin/dynamic-focus/packages/geojson-navigator/src' {
     export type { CoordinateFeature, CoordinateProperties } from '@mappedin/dynamic-focus/packages/geojson-navigator/src/types/coordinate';
 }
 
-declare module '@mappedin/dynamic-focus/geojson/src/utils/bounding-box' {
-    import { type Box3, Vector3 } from 'three';
-    export function getCornersOfBoundingBox(boundingBox: Box3): Vector3[];
-}
-
-declare module '@mappedin/dynamic-focus/geojson/src/utils/ecs' {
-    import type { Geometry2D, Geometry3DTypes } from '@mappedin/dynamic-focus/geojson/src/entities';
-    import type { GroupContainerObject3D } from '@mappedin/dynamic-focus/geojson/src/entities/group-container';
-    import type { GeometryGroupObject3D } from '@mappedin/dynamic-focus/geojson/src/entities/geometry-group';
-    import type { EntityId, EntityState, RendererState } from '@mappedin/dynamic-focus/geojson/src/renderer';
-    import { Box3, Vector3 } from 'three';
-    import type RendererCore from '@mappedin/dynamic-focus/geojson/src/renderer';
-    export function getGeometryByGeometryId(state: RendererState, geometryOrGeometryId?: string | number | Record<string, any>): Geometry3DTypes | GeometryGroupObject3D | GroupContainerObject3D | Geometry2D | undefined;
-    export function getVerticesOfEntity(core: RendererCore, geometryOrGeometryId?: string | number | EntityId<EntityState>, vertices?: Vector3[], bounds?: Box3, zOffset?: number): Vector3[];
-}
-
-declare module '@mappedin/dynamic-focus/geojson/src/utils/get-pixel-ratio' {
-    export function getPixelRatio(): number;
-}
-
-declare module '@mappedin/dynamic-focus/geojson/src/utils/async' {
-    export function throttle<T>(func: () => void, wait: number, options?: any): () => void;
-    export function debounce<T extends (...args: any[]) => void>(func: T, wait: number, immediate?: boolean): (...args: Parameters<T>) => void;
-}
-
-declare module '@mappedin/dynamic-focus/geojson/src/utils/browser' {
-    type DeviceType = {
-            isIpad: boolean;
-            isMobile: boolean;
-            isSafari12: boolean;
-            isFirefox: boolean;
-            isWindows: boolean;
-    };
-    /**
-        * Get device OS info
-        * export for testing purpose
-        * @returns DeviceType
-        */
-    export const _deviceTypeControl: {
-            getDeviceType(): DeviceType;
-            _reset(): void;
-    };
-    export const getDeviceType: () => DeviceType;
-    /**
-        * Creates a closure encapsulating the logic of getting device GPU info.
-        * inspired by https://github.com/pmndrs/detect-gpu
-        * export for testing
-        */
-    export const _gpuInfoControl: {
-            getInfo: () => string | undefined;
-            shouldDisableOffscreenCanvas: () => boolean;
-            _setCanvas(c: HTMLCanvasElement): void;
-    };
-    export const getGPUInfo: () => string | undefined;
-    /**
-        * Check if device is certain intel integrated GPU.
-        * This is for implementing workaround - https://issues.chromium.org/issues/40251953
-        * The reason we want to disable OffscreenCanvas at all is due to `willReadFrequently` flag only works in FF.
-        * In order to ensure the integrated intel GPU render text correctly
-        */
-    export const shouldDisableOffscreenCanvas: () => boolean;
-    export {};
-}
-
-declare module '@mappedin/dynamic-focus/geojson/src/utils/fp' {
-    export function noop(): void;
-    export type KeysOfUnion<T> = T extends T ? keyof T : never;
-    /**
-      * Given an object and a number of properties as strings, return version
-      * of that object with only those properties.
-      *
-      * @param src - the object
-      * @param properties - an array of property names chosen
-      * to appear on the resulting object.
-      * @returns object with limited properties.
-      * @example
-      * ```ts
-      * let foo = { name: 'Charlie', age: 10 };
-      * let justName = pick(foo, ['name']); // justName = { name: 'Charlie' }
-      * ```
-      */
-    export function pick<T extends object>(src: T, properties: KeysOfUnion<T>[]): Partial<T>;
-    export function isEmpty(obj: Record<string, any>): boolean;
-}
-
-declare module '@mappedin/dynamic-focus/geojson/src/utils/tranform-request' {
-    export const transformRequest: (headers: {
-        "x-mappedin-tiles-key": string;
-    }) => (url: string) => {
-        url: string;
-        headers: {};
-    };
-}
-
-declare module '@mappedin/dynamic-focus/geojson/src/utils/math' {
-    export function normalizeAngle(angle: number): number;
-}
-
 declare module '@mappedin/dynamic-focus/geojson/src/entities' {
     export { updateInteractivity } from '@mappedin/dynamic-focus/geojson/src/entities/utils';
     export { Geometry2D, Geometry2DComponents } from '@mappedin/dynamic-focus/geojson/src/entities/geometry2d';
@@ -17138,35 +17151,6 @@ declare module '@mappedin/dynamic-focus/geojson/src/systems/camera/helpers' {
     export * from '@mappedin/dynamic-focus/geojson/src/systems/camera/helpers/utils';
 }
 
-declare module '@mappedin/dynamic-focus/geojson/src/systems/collisions/collider-processor' {
-    import { Rectangle } from '@packages/internal/quad-tree';
-    export type TSerializedCollider = {
-        rank: number;
-        enabledAndVisible: boolean;
-        x: number;
-        y: number;
-        bboxes: {
-            index: number;
-            boundingBox: [number, number, number, number];
-            boundingRect?: Rectangle;
-        }[];
-        shouldCollideWithScreenEdges?: boolean;
-        lockedToStrategyIndex?: number;
-        visible?: boolean;
-    };
-    export type TSerializedColliderResponse = [number, 1 | 0, Rectangle?];
-    export function processColliders(colliders: TSerializedCollider[], totalWidth: any, totalHeight: any, watermarkWidth: any, watermarkHeight: any, watermarkPosition: any, msgId?: string): {
-        msgId: string;
-        colliders: TSerializedColliderResponse[];
-        debug: {
-            x: number;
-            y: number;
-            w: number;
-            h: number;
-        }[];
-    };
-}
-
 declare module '@mappedin/dynamic-focus/geojson/src/systems/exporter/exporter' {
     import type { RendererState } from '@mappedin/dynamic-focus/geojson/src/renderer';
     export type GLTFExportOptions = {
@@ -17642,6 +17626,35 @@ declare module '@mappedin/dynamic-focus/mappedin-js/src/api-geojson/floor-stack-
     }
 }
 
+declare module '@mappedin/dynamic-focus/geojson/src/systems/collisions/collider-processor' {
+    import { Rectangle } from '@packages/internal/quad-tree';
+    export type TSerializedCollider = {
+        rank: number;
+        enabledAndVisible: boolean;
+        x: number;
+        y: number;
+        bboxes: {
+            index: number;
+            boundingBox: [number, number, number, number];
+            boundingRect?: Rectangle;
+        }[];
+        shouldCollideWithScreenEdges?: boolean;
+        lockedToStrategyIndex?: number;
+        visible?: boolean;
+    };
+    export type TSerializedColliderResponse = [number, 1 | 0, Rectangle?];
+    export function processColliders(colliders: TSerializedCollider[], totalWidth: any, totalHeight: any, watermarkWidth: any, watermarkHeight: any, watermarkPosition: any, msgId?: string): {
+        msgId: string;
+        colliders: TSerializedColliderResponse[];
+        debug: {
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+        }[];
+    };
+}
+
 declare module '@mappedin/dynamic-focus/geojson/src/components/outline' {
     import type { BufferAttribute, BufferGeometry } from 'three';
     type Outline = {
@@ -25654,6 +25667,104 @@ declare module '@mappedin/dynamic-focus/geojson/src/systems/path/system' {
     }
 }
 
+declare module '@mappedin/dynamic-focus/geojson/src/utils/bounding-box' {
+    import { type Box3, Vector3 } from 'three';
+    export function getCornersOfBoundingBox(boundingBox: Box3): Vector3[];
+}
+
+declare module '@mappedin/dynamic-focus/geojson/src/utils/ecs' {
+    import type { Geometry2D, Geometry3DTypes } from '@mappedin/dynamic-focus/geojson/src/entities';
+    import type { GroupContainerObject3D } from '@mappedin/dynamic-focus/geojson/src/entities/group-container';
+    import type { GeometryGroupObject3D } from '@mappedin/dynamic-focus/geojson/src/entities/geometry-group';
+    import type { EntityId, EntityState, RendererState } from '@mappedin/dynamic-focus/geojson/src/renderer';
+    import { Box3, Vector3 } from 'three';
+    import type RendererCore from '@mappedin/dynamic-focus/geojson/src/renderer';
+    export function getGeometryByGeometryId(state: RendererState, geometryOrGeometryId?: string | number | Record<string, any>): Geometry3DTypes | GeometryGroupObject3D | GroupContainerObject3D | Geometry2D | undefined;
+    export function getVerticesOfEntity(core: RendererCore, geometryOrGeometryId?: string | number | EntityId<EntityState>, vertices?: Vector3[], bounds?: Box3, zOffset?: number): Vector3[];
+}
+
+declare module '@mappedin/dynamic-focus/geojson/src/utils/get-pixel-ratio' {
+    export function getPixelRatio(): number;
+}
+
+declare module '@mappedin/dynamic-focus/geojson/src/utils/async' {
+    export function throttle<T>(func: () => void, wait: number, options?: any): () => void;
+    export function debounce<T extends (...args: any[]) => void>(func: T, wait: number, immediate?: boolean): (...args: Parameters<T>) => void;
+}
+
+declare module '@mappedin/dynamic-focus/geojson/src/utils/browser' {
+    type DeviceType = {
+            isIpad: boolean;
+            isMobile: boolean;
+            isSafari12: boolean;
+            isFirefox: boolean;
+            isWindows: boolean;
+    };
+    /**
+        * Get device OS info
+        * export for testing purpose
+        * @returns DeviceType
+        */
+    export const _deviceTypeControl: {
+            getDeviceType(): DeviceType;
+            _reset(): void;
+    };
+    export const getDeviceType: () => DeviceType;
+    /**
+        * Creates a closure encapsulating the logic of getting device GPU info.
+        * inspired by https://github.com/pmndrs/detect-gpu
+        * export for testing
+        */
+    export const _gpuInfoControl: {
+            getInfo: () => string | undefined;
+            shouldDisableOffscreenCanvas: () => boolean;
+            _setCanvas(c: HTMLCanvasElement): void;
+    };
+    export const getGPUInfo: () => string | undefined;
+    /**
+        * Check if device is certain intel integrated GPU.
+        * This is for implementing workaround - https://issues.chromium.org/issues/40251953
+        * The reason we want to disable OffscreenCanvas at all is due to `willReadFrequently` flag only works in FF.
+        * In order to ensure the integrated intel GPU render text correctly
+        */
+    export const shouldDisableOffscreenCanvas: () => boolean;
+    export {};
+}
+
+declare module '@mappedin/dynamic-focus/geojson/src/utils/fp' {
+    export function noop(): void;
+    export type KeysOfUnion<T> = T extends T ? keyof T : never;
+    /**
+      * Given an object and a number of properties as strings, return version
+      * of that object with only those properties.
+      *
+      * @param src - the object
+      * @param properties - an array of property names chosen
+      * to appear on the resulting object.
+      * @returns object with limited properties.
+      * @example
+      * ```ts
+      * let foo = { name: 'Charlie', age: 10 };
+      * let justName = pick(foo, ['name']); // justName = { name: 'Charlie' }
+      * ```
+      */
+    export function pick<T extends object>(src: T, properties: KeysOfUnion<T>[]): Partial<T>;
+    export function isEmpty(obj: Record<string, any>): boolean;
+}
+
+declare module '@mappedin/dynamic-focus/geojson/src/utils/tranform-request' {
+    export const transformRequest: (headers: {
+        "x-mappedin-tiles-key": string;
+    }) => (url: string) => {
+        url: string;
+        headers: {};
+    };
+}
+
+declare module '@mappedin/dynamic-focus/geojson/src/utils/math' {
+    export function normalizeAngle(angle: number): number;
+}
+
 declare module '@mappedin/dynamic-focus/packages/geojson-navigator/src/navigator' {
     export * from '@mappedin/dynamic-focus/packages/geojson-navigator/src/navigator/navigator';
 }
@@ -25732,6 +25843,7 @@ declare module '@mappedin/dynamic-focus/packages/geojson-navigator/src/navigator
                     multiplicativeDistanceWeightScaling?: boolean;
                     overrideEdgeWeights?: Map<Edge, number>;
             }): DirectionsCollection;
+            hasLineOfSight: (origin: [number, number], destination: [number, number], floorId: string, bufferRadius?: number) => boolean;
             /**
                 * Calculates the approximate distance between two geographic coordinates on Earth's surface.
                 *